.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]
'JavaScript' 카테고리의 다른 글
JS 호이스팅 / JavaScript Hoisting 자바스크립트 호이스팅 (0) | 2023.09.03 |
---|---|
jQuery 제이쿼리 .eq() 메서드 => 순수 JavaScript (바닐라JS) 방식으로 대체 (0) | 2023.08.12 |
JS / JavaScript function / 자바스크립트 함수 매개변수 기본값 설정 (0) | 2023.07.16 |
JavaScript 자바스크립트 객체의 key 존재여부 확인하기 (0) | 2023.06.25 |
JavaScript 자바스크립트 객체명.key로 value에 접근시 key에 '.' (점)이 포함되어 있는 경우 (0) | 2023.06.17 |
최근댓글