arr.length > && arr.map((el) ⇒ <Some/>)

위험한 경우

const arr = [1,2,3];

console.log(arr.length); // 3
// 배열에 length가 10으로 강제 할당한다면???
arr.length = 10;
// 일단은 console.log()을 찍었을때 10이 찍힌다.
console.log(arr.length) // 10

// [1, 2, 3, , , , , , , ]

<aside> 💡 실제로 길이가 10개의 요소가 담긴 배열이 만들어진다.

</aside>

const arr = [1, 2, 3];

arr[3] = 4;

console.log(arr.length); // 4

arr[9] = 10;

console.log(arr) // [1, 2, 3, 4, , , , , , 10];

배열의 길이를 초기화 하고 싶다면?

arr.length = 0