為什麼 JavaScript 中 `['1', '2', '3'].map(parseInt)` 回傳 `[1, NaN, NaN]` ？

處理Array#map parseInt 呼叫中的基數

在JavaScript 陣列的上下文中，map 方法使用提供的回調函數轉換每個元素。雖然 map 可以成功地將 Math.sqrt 應用於數字，但它在字串上使用 parseInt 的行為可能會令人困惑。

人們可能期望 ['1', '2', '3'].map(parseInt) 回傳[1,2,3]。然而，它實際上產生 [1, NaN, NaN]。這個奇怪的現像源自於 parseInt 的 radix 參數。

Radix 在 parseInt 中的作用

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中文網其他相關文章！