이 상황에서 .map ()은 무엇을합니까?

Chrome 콘솔을 사용하면 이것이 내 입력 및 출력입니다.

[0].map(Array);

[[0, 0, [0]]]; // output

여기서 무슨 일이 일어나고 있습니까?

편집하다

이것이 나를 궁금하게 만드는 이유는

[0].map(String);

돌아올 것이다

["0"];

그리고

["0", "0", "String"]

.map()함수가 호출되는 Array()세 개의 인자이며 배열 요소의 값에 함수 0도, 그 요소의 인덱스 0, 전체 어레이에 대한 참조.

따라서 다음과 같습니다.

var a = [0];
var index = 0
Array(a[index], index, a);   // create array with three elements

그러면 반환 된 Array()배열이 .map()생성 되는 배열의 첫 번째 요소가 되므로 [[0, 0, [0]]]결과 에 추가 중첩 수준이 적용 됩니다.

당신의 편집에 대한 편집 : 당신이 말할 때 [0].map(String);의 그 결과 String()같은 같은 세 개의 인수로 호출되고는 String(a[index], index, a)있지만, String()반면에 기능을 제외한 모든 첫 번째 인수를 무시 Array()가 사용하는 모든 인수를 공급했다.

첫째 , Array배열을 만드는 함수로 사용할 수 있습니다.

var arr = Array(1, 2, "Hello");

console.log(arr); // [1, 2, "Hello"]

둘째 , map콜백에 세 개의 매개 변수를 전달합니다. 요소, 배열의 색인 및 배열 자체입니다.

따라서 배열에 하나의 요소가 포함되어 있으므로 다음 줄은 다음과 같습니다.

[0].map(Array);

다음과 같습니다.

[Array(0, 0, [0])];     // the element 0 in the original array will be mapped into Array(0, 0, [0])

질문을 업데이트 한 후. 다른 답변은 지도 에 대한 정보를 제공합니다.

배열과 문자열이 다른 이유에 답하려면 생성자를 찾습니다.

문자열 생성자는 1 개의 매개 변수 String (thing) 을 받아들이고 배열 new Array (element0, element1 [, ... [, elementN]])

이 전화

[0].map(Array);

다음과 같이 작성한 것과 동일한 결과를 제공합니다.

[0].map(function (value, index, array) {
    return Array(value, index, array);
})

Map 함수는 요소 값, 요소 인덱스 및 전체 배열의 세 가지 매개 변수로 Array 함수를 호출 합니다. 이 호출은 Array값 (number 0), 인덱스 (number 0), 전체 배열 ( [0])의 3 개 요소가있는 배열 을 반환합니다 .

그리고이 새 배열은 원래 요소 (number 0)를 새 요소 (3 개 요소의 배열)에 매핑했기 때문에 원래 Array에 래핑됩니다.

참고 : 다음과 같이 첫 번째 매개 변수 만 사용하는 데 익숙 할 수 있습니다.

array.map(function (a) { return a * a; });

또는 색인을 얻기 위해 두 개만 사용하면

array.map(function (item, index) { return "index=" + index + ", value=" + item; });

그러나 map콜백 함수에서 무시하면되는 3 개의 매개 변수 가 여전히 제공 된다는 점을 기억해야 합니다. 이것이 코드가 다음과 같은 이유이기도합니다.

[0].map(String);

보고

["0"]

String 함수는 첫 번째 매개 변수에만 관심이 있고 전달 된 다른 매개 변수는 무시 하기 때문 입니다. 전화하면

String(11, "Some", "other", "ignored", "parameters")

당신은 여전히 ​​얻을 것이다

"11"