JavaScript에서 `['1', '2', '3'].map(parseInt)`가 `[1, NaN, NaN]`을 반환하는 이유는 무엇입니까?

Array#map parseInt 호출에서 Radix 처리

JavaScript 배열의 맥락에서 map 메소드는 제공된 콜백 함수를 사용하여 각 요소를 변환합니다. . map은 숫자에 Math.sqrt를 성공적으로 적용할 수 있지만 문자열에 대한parseInt의 동작은 혼란스러울 수 있습니다.

['1', '2', '3'].map(parseInt)가 반환될 것으로 예상할 수도 있습니다. [1, 2, 3]. 그러나 실제로는 [1, NaN, NaN]이 생성됩니다. 이 이상한 점은parseInt의 radix 매개 변수에서 비롯됩니다.

parseInt에서 Radix의 역할

parseInt는 변환할 값과 기수라는 두 가지 인수를 기대합니다. 기수를 생략하면 입력을 기준으로 "최선의 추측"을 사용합니다.

['1', '2', '3'].map(parseInt)의 경우 기수는 다음과 같습니다. 배열 반복 중 각 요소의 인덱스입니다. 따라서

parseInt('1', 0); // Correct (radix defaults to 10)
parseInt('2', 1); // Invalid radix (not a number base)
parseInt('3', 2); // Invalid number in base 2

문제 해결

이 문제를 해결하고 원하는 결과[1, 2, 3]를 얻으려면 다음을 수행하면 됩니다. 다음과 같은 래퍼 기능을 사용하세요:

['1', '2', '3'].map(function(num) { return parseInt(num, 10); });

또는 ES2015에서 구문:

['1', '2', '3'].map(num => parseInt(num, 10));

여기서 기수는 명시적으로 10으로 설정되어 올바른 구문 분석이 보장됩니다.

위 내용은 JavaScript에서 `['1', '2', '3'].map(parseInt)`가 `[1, NaN, NaN]`을 반환하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!