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

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)

Parameters	Description
function(currentValue, index, arr)	필수입니다. 함수, 배열의 각 요소가 이 함수를 실행합니다. 함수 매개변수: currentValue가 필요합니다. 현재 요소 index의 값은 선택 사항입니다. 현재 요소의 인덱스 값 arr 선택 사항입니다. 현재 요소가 속한 배열 객체
thisValue	선택 사항입니다. 객체는 실행 콜백으로 사용되며, 함수에 전달되고 "this"의 값으로 사용됩니다. thisValue가 생략되거나 null 또는 undef가 전달되면 콜백 함수의 this가 전역 개체입니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!