Page 32 -

앞의 반복문도 다음과 같이 배열의 메서드만으로 같은 결과를 얻을 수 있습니다.

const numbers = Array(9).fill().map((v, i) => i + 1);

코드가 많이 짧아졌죠? Array(9)는 길이가 9인 배열을 만듭니다. fill()은 배열의 요소로 undefined를 채워 넣
는 메서드이고, map은 요소들을 일대일로 짝지어서 다른 값으로 변환하는 메서드입니다. map도 forEach처럼 함수를
인수로 받지만, return 값에 따라 새로운 요소를 반환한다는 점이 다릅니다.

const array = [1, 3, 5, 7];
const newArray = array.map((number, index) => {
console.log(number, index);
return number + 1;
});
console.log(array); // [1, 3, 5, 7]
console.log(newArray); // [2, 4, 6, 8]

이렇게 배열의 메서드를 익히면 긴 반복문을 짧게 줄일 수 있습니다. 하지만 배열의 메서드가 익숙하지 않은 입문자는
먼저 for 문을 사용하며 반복문에 익숙해지기를 추천합니다.

1분 퀴즈

2 forEach 메서드를 사용한 코드를 for 문으로 바꿔 보세요.

const array = [1, 3, 5, 7];
array.forEach((number, index) => {
console.log(number, index);
});

정답 및 해설: 해설 노트 511쪽

258