es6에서는 map이 메소드인가요?

map은 es6의 메서드입니다. 이 메서드는 배열의 각 요소에 대해 지정된 콜백 함수를 호출하고 결과가 포함된 데이터를 반환할 수 있으며 반환 결과는 새 배열이며 구문은 "array object.map( 함수 콜백 함수(배열 요소의 값, 배열 요소의 인덱스, 배열 개체));".

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

es6에서는 map이 메소드인가요? map() 메소드는 배열의 각 요소에 대해 지정된 콜백 함수를 호출하고 결과가 포함된 배열을 반환할 수 있습니다. 구체적인 사용법은 다음과 같습니다.

array.map(callbackfn[, thisArg]);

매개변수 설명:

array: 필수 매개변수, 배열 객체.
callbackfn: 필수 매개변수, 최대 3개의 매개변수를 받을 수 있는 함수. 배열의 각 요소에 대해 map() 메서드는 callbackfn 함수를 한 번 호출합니다.
thisArg: 선택적 매개변수로, callbackfn 함수에서 this 키워드로 참조할 수 있는 객체입니다. thisArg를 생략하면 정의되지 않은 값이 this 값으로 사용됩니다.
map() 메서드는 각 요소가 연결된 원래 배열 요소의 콜백 함수 반환 값인 새 배열을 반환합니다. map() 메서드는 배열의 각 요소에 대해(인덱스 오름차순) 한 번씩 callbackfn 함수를 호출하고 배열에서 누락된 요소에 대해서는 콜백 함수를 호출하지 않습니다.

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

콜백 함수의 구문은 다음과 같습니다.

function callbackfn (value, index, array);

사용자는 최대 3개의 매개변수로 콜백 함수를 선언할 수 있습니다. 콜백 함수의 매개변수에 대한 설명은 다음과 같습니다.

value: 배열 요소의 값.
index: 배열 요소의 숫자 인덱스입니다.
array: 요소를 포함하는 배열 객체입니다.

예제 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

【관련 추천:

javascript 비디오 튜토리얼

, web front-end】

위 내용은 es6에서는 map이 메소드인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!