Javascript 루프문 정리(7) map문

map() 메서드는 배열의 모든 요소에 대해 지정된 함수를 호출한 결과를 모아 새로운 배열을 반환하는 메서드입니다. 이 메서드를 사용하면 배열을 순회하면서 각 요소를 변형할 수 있습니다. map() 메서드는 원본 배열을 변경하지 않고 새로운 배열을 생성하기 때문에, 기존 배열의 요소를 수정하지 않고 새로운 배열을 만들어야 하는 경우에 유용합니다. 아래는 map() 메서드의 구조와 사용 방법에 대한 설명입니다.

map() 메서드의 구조

배열.map(콜백함수);

• 배열: 변형할 배열입니다.
• 콜백함수: 각 배열 요소를 변형할 함수입니다.

map() 메서드의 사용 방법

1. 배열 요소를 제곱한 새로운 배열을 생성하는 경우:

const arr = [1, 2, 3, 4, 5];
const newArr = arr.map(function(element) {
  return element * element;
});
console.log(newArr);
// [1, 4, 9, 16, 25]

• 배열 요소를 제곱하여 새로운 배열을 반환하는 콜백 함수(function(element))를 정의하고, map() 메서드를 사용하여 새로운 배열을 생성합니다.

2. 배열 요소의 값을 문자열로 변환하는 경우:

const arr = [1, 2, 3, 4, 5];
const strArr = arr.map(function(element) {
  return String(element);
});
console.log(strArr);
// ['1', '2', '3', '4', '5']

• 배열 요소를 문자열로 변환하여 새로운 배열을 반환하는 콜백 함수(function(element))를 정의하고, map() 메서드를 사용하여 새로운 배열을 생성합니다.

map() 메서드는 각 배열 요소를 순회하며 변형할 콜백 함수를 인수로 받아 사용합니다. 이 메서드를 사용하면 기존 배열을 변경하지 않고, 각 요소를 변형한 결과를 모은 새로운 배열을 반환할 수 있습니다. 그러나, map() 메서드를 사용할 때는 반환되는 새로운 배열의 길이가 기존 배열과 같기 때문에, 반환된 배열의 길이가 기존 배열보다 작거나 클 수 없다는 점을 주의해야 합니다.

Javascript 루프문 정리(0) 개요

Javascript 루프문 정리(1) for문

Javascript 루프문 정리(2) for...in문

Javascript 루프문 정리(3) for...of문

Javascript 루프문 정리(4) while문

Javascript 루프문 정리(5) do...while문

Javascript 루프문 정리(6) forEach문

Javascript 루프문 정리(7) map문

Javascript 루프문 정리(8) filter문