English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 배열 map() 메서드

 JavaScript 배열 객체

map()메서드는 새 배열을 생성하고, 이 배열의 각 요소에 제공된 함수를 호출합니다.

map()메서드는 각 배열 인덱스에 대해 한 번만 콜백 함수를 실행합니다.

주의: map() 메서드는 원본 배열을 변경하지 않습니다.

문법:

array.map(callback, thisArg)
var nums1 = [1, 5, 20, 14, 55, 16];
var nums2 = nums1.map(twice);
function twice(element) {
   return (element * 2);
}
테스트를 보세요‹/›

브라우저 호환성

표의 숫자는 map() 메서드를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다:

메서드
map()1.59

매개변수 값

매개변수설명
callback
배열의 각 요소에 대해 실행되는 함수.
함수 매개변수:
  • element(필수 사항)-배열에서 처리 중인 현재 요소

  • index(선택 사항)-배열에서 처리 중인 현재 요소의 인덱스

  • array(선택 사항)- 배열을 호출한맵핑

thisArg(선택 사항)실행콜백때 사용됩니다객체

기술 세부 사항

반환 값:각 요소가 콜백 함수 결과인 새로운 배열
JavaScript 버전:ECMAScript 5

더 많은 예제

이 예제는 숫자 배열을 사용하며, 그 배열의 숫자의 제곱근을 포함하는 새로운 배열을 생성합니다:

var nums1 = [4, 9, 16, 25];
var nums2 = nums1.map(Math.sqrt);
테스트를 보세요‹/›

 JavaScript 배열 객체