빈 배열에 숫자로 채우는 방법 map, forEach

이번에는 비어있는 배열을 만들고 그곳에 숫자로 채우는 방법에 대해 알아보자. 먼저 순서를 알아보자

1. 새로운 텅빈 배열을 생성한다. Array(100)은 100개의 요소를 가진 배열을 만들어 낸다.
2. 완전히 비어 있으면 작업하기 까다로우니 배열 안에다 ‘undefined’로 모두 채워준다. fill() 함수 이용
3. forEach()나 map()를 이용하여 숫자로 채워 넣는다.

forEach() 사용하여 배열 채우기

const arr = Array(5);  // 빈배열을 만든다. 현재 empty 상태.
const arrFill = arr.fill()  // 배열요소마다 undifined로 채워준다.

// 1. forEach() 사용하여 숫자로 채우기
arrFill.forEach(function(el,index){
  arrFill[index] = index + 1;
})

console.log(arrFill);
//[1, 2, 3, 4, 5]
Code language: JavaScript (javascript)

map()를 이용하여 배열 채우기

const arr = Array(5);  // 빈배열을 만든다. 현재 empty 상태.
const arrFill = arr.fill()  // 배열요소마다 undifined로 채워준다.

// 2. map() 사용하여 숫자로 채우기
const arrMap = arrFill.map(function(el,index){
  return index + 1;
})

console.log(arrMap);
//[1, 2, 3, 4, 5]
Code language: JavaScript (javascript)

map()는 새로운 배열을 만들어 낸다. 그래서 arrMap라는 변수에 그것을 담는 과정이 들어 갔다.

// 위의 코드를 한줄로 만들면...
const arr = Array(5).fill().map(function(el,index){
  return index + 1;
 })

console.log(arr);  //[1, 2, 3, 4, 5]
Code language: JavaScript (javascript)