이번에는 인덱스가 아닌 요소를 사용해 새로운 배열을 만들어 보겠습니다. map()은 항상 새로운 배열을 반환하므로 반환한 배열을 변수에 저장해야 합니다. 다음 코드에서는 newArray 변수에 저장합니다.

const array = [1, 3, 5, 7];
const newArray = array.map((v, i) => {
  return v * 2;
});
console.log(array); // [1, 3, 5, 7]
console.log(newArray); // [2, 6, 10, 14]

newArray 변수에는 map() 메서드의 결과물인 [2, 6, 10, 14]가 담깁니다. 이때 원본 배열인 array는 수정되지 않습니다.

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