예
원래 배열의 모든 값의 제곱근으로 배열을 돌려줍니다 :
var numbers = [4, 9, 16, 25];
function myFunction() {
x = document.getElementById("demo")
x.innerHTML =
numbers.map(Math.sqrt);
}그 결과는 다음과 같습니다
2,3,4,5 »그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
map() 메소드는 모든 배열 요소에 대한 함수 호출의 결과로 새로운 배열을 생성한다.
map() 메소드는 순서대로 배열의 각 요소에 대하여 한번 제공하는 함수를 호출한다.
주 : map() 값없이 배열의 요소의 기능을 실행하지 않는다.
참고 : map() 원래 배열을 변경하지 않습니다.
브라우저 지원
테이블의 숫자는 완전히 방법을 지원하는 최초의 브라우저 버전을 지정합니다.
| 방법 | |||||
|---|---|---|---|---|---|
| map() | 예 | 9.0 | 1.5 | 예 | 예 |
통사론
매개 변수 값 매개 변수 기술 function(currentValue, index,arr) 필요합니다. 함수는 상기 어레이의 각 요소에 대해 실행된다.
함수 인수 : 논의 기술 currentValue 필요합니다. 현재 요소의 값 index 선택 과목. 현재 요소의 배열 인덱스 arr 선택 과목. 어레이는 현재의 구성 요소가 속하는 개체
thisValue 선택 과목. 값은 해당로서 사용되는 함수에 전달되는 "this" 값.
이 매개 변수가 비어있는 경우, 값 "undefined" 자사로 전달 될 것 "this" 값
기술적 세부 사항
반환 값 : 원래의 배열의 각 요소에 대해 제공되는 함수 호출의 결과를 포함하는 어레이. 자바 스크립트 버전 : 1.6
더 예
예
특정 수와 배열의 모든 값을 곱
var numbers = [65, 44, 12, 4];
function
multiplyArrayElement(num) {
return num *
document.getElementById("multiplyWith").value;
}
function
myFunction() {
document.getElementById("demo").innerHTML =
numbers.map(multiplyArrayElement);
} »그것을 자신을 시도 예
배열의 각 사람의 전체 이름을 가져옵니다 :
var persons = [
{firstname : "Malcom", lastname:
"Reynolds"},
{firstname : "Kaylee", lastname: "Frye"},
{firstname : "Jayne", lastname: "Cobb"}
];
function
getFullName(item,index) {
var fullname =
[item.firstname,item.lastname].join(" ");
return
fullname;
}
function myFunction() {
document.getElementById("demo").innerHTML = persons.map(getFullName);
} »그것을 자신을 시도
<자바 스크립트 배열 참조