JAVASCRIPT ) map()

• 배열을 순회하며 각 요소에 대하여 인자로 주어진 콜백 함수의 반환값으로 새로운 배열을 생성하여 반환한다. 이때 원본 배열은 변경되지 않는다.-> 비파괴함수
• forEach 메소드는 배열을 순회하며 요소 값을 참조하여 무언가를 하기 위한 함수이며 map 메소드는 배열을 순회하며 요소 값을 다른 값으로 맵핑하기 위한 함수이다.
• 물론 아래의 코드는 for문 forEach문 map문 전부 다 사용할 수는 있다. 하지만 역할에 따라서 가급적 나눠서 사용하라.

 

const numbers = [1, 4, 9];

// 배열을 순회하며 각 요소에 대하여 인자로 주어진 콜백함수를 실행
const roots = numbers.map(function (item) {
  // 반환값이 새로운 배열의 요소가 된다. 반환값이 없으면 새로운 배열은 비어 있다.
  return item + 1;
});

// map 메소드는 새로운 배열을 반환한다
console.log(roots);   // [ 2, 5, 10 ]
// map 메소드는 원본 배열은 변경하지 않는다
console.log(numbers); // [ 1, 4, 9 ]