JS .map() / JavaScript .map() / 자바스크립트 배열 메서드 / 자바스크립트 .map() 메서드

 

 

.map() 메서드는 JavaScript의 내장 함수 중 하나이며, ECMAScript 5 (ES5) 스펙에서 추가

(ES5는 2009년에 표준화된 버전)

배열(Array)의 모든 요소 각각에 대해 주어진 함수를 호출한 결과를 모아 새로운 배열을 생성

- 빈 배열을 반환하거나 기존 배열의 길이와 같은 새로운 배열을 반환

- 배열에만 사용할 수 있고, 배열의 요소를 변형할 때 주로 사용

 

 

/* 활용 예시 1. 문자열형 숫자 배열을 정수형 배열로 */

const strNumArr = ['1', '2', '3', '4', '5']; // 숫자형식의 문자열 배열

// 각 요소를 숫자로 변환하여 새로운 정수형 배열을 생성
const intNumArr = strNumArr.map(str => parseInt(str, 10));

/* 여기서 str은 배열안 요소를 지칭하는 임시 변수이며 원하는 이름을 붙여도 됨
const intNumArr = strNumArr.map(element => parseInt(element, 10)); 
이렇게 다른 변수명으로 작성해도 무방 */

console.log(intNumArr); // 출력 결과: [1, 2, 3, 4, 5]

 

 

/* 활용 예시 2. 배열안 정수 요소를 제곱 */

const numArr = [1, 2, 3, 4, 5]; // 정수형 배열

// 각 요소를 제곱하여 새로운 배열을 생성
const squaredNumArr = numArr.map(number => number * number);

console.log(squaredNumArr); // 출력 결과: [1, 4, 9, 16, 25]