자바스크립트 배열에 맵 메소드가 있나요?

Javascript 배열에는 맵 메소드가 있습니다. JavaScript에서는 배열의 map() 메서드를 사용하여 배열의 각 요소에 대해 지정된 콜백 함수를 호출하고 결과가 포함된 배열을 반환합니다. 구문 형식은 "array.map(callback function, thisValue);"입니다. map() 메서드는 새 배열을 반환합니다. 여기서 각 요소는 배열의 각 요소에 대한 연결된 원래 배열 요소의 콜백 함수 반환 값입니다. map() 메서드는 콜백 함수를 한 번(오름차순 인덱스 순서로) 호출합니다. ) .

이 튜토리얼의 운영 환경: Windows 7 시스템, ECMAScript 버전 6, Dell G3 컴퓨터.

Javascript 배열에는 맵 메소드가 있습니다.

javascript 배열 map() 메서드

map() 메서드는 배열의 각 요소에 대해 지정된 콜백 함수를 호출하고 결과가 포함된 배열을 반환할 수 있습니다.

map() 메서드는 원래 배열 요소의 순서대로 요소를 순차적으로 처리합니다.

Syntax

array.map(function(currentValue,index,arr), thisValue)

map() 메서드는 각 요소가 연결된 원래 배열 요소의 콜백 함수 반환 값인 새 배열을 반환합니다. map() 메서드는 배열의 각 요소에 대해(인덱스 오름차순) 한 번씩 콜백 함수를 호출하고 배열에서 누락된 요소에 대해서는 콜백 함수를 호출하지 않습니다.

배열 객체 외에도 Arguments 매개변수 객체와 같이 색인화된 속성 이름이 있는 길이 속성이 있는 모든 객체에서 map() 메서드를 사용할 수 있습니다.

코드 예제를 통해 자세히 알아보겠습니다.

예제 1

다음 예제에서는 map() 메서드를 사용하여 배열을 매핑하고 배열의 각 요소 값을 제곱한 후 PI 값을 곱합니다. , 그리고 반환된 원을 나눕니다. 면적 값은 새 배열의 요소 값으로 사용되며 최종적으로 새 배열이 반환됩니다.

function f (radius) {
    var area = Math.PI * (radius * radius);
    return area.toFixed(0);
}
var a = [10,20,30];
var a1 = a.map(f);
console.log(a1);

예제 2

다음 예에서는 map() 메서드를 사용하여 배열을 매핑하고 배열의 각 요소 값을 임계값으로 나눈 다음 이 새 배열을 반환합니다. 임계값은 둘 다 객체의 속성을 기반으로 합니다. 이 메서드는 맵에서 thisArg 매개변수를 사용하는 방법을 보여줍니다.

var obj = {
    val : 10,
    f : function (value) {
        return value % this.val;
    }
}
var a = [6,12,25,30];
var a1 = a.map(obj.f, obj);
console.log(a1);  //6,2,5,0

예제 3

다음 예에서는 JavaScript 내장 메서드를 콜백 함수로 사용하는 방법을 보여줍니다.

var a = [9, 16];
var a1 = a.map(Math.sqrt);
console.log(a1);  //3,4

【추천 학습: javascript 학습 튜토리얼, 웹 프론트 엔드 비디오】

위 내용은 자바스크립트 배열에 맵 메소드가 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!