為什麼 `Array.map()` 和 `parseInt()` 在 JavaScript 中會產生意外的結果？

使用parseInt 解析Array.map() 中的數字

在Javascript 中，Array.map() 函數對每個數字應用一個回呼函數數組的元素。然而，在這種情況下使用 parseInt() 函數可能會產生意想不到的結果。

在提供的範例中：

['1','2','3'].map(parseInt);

parseInt() 產生 [1, NaN, NaN]而不是預期的 [1, 2, 3]。出現此行為的原因是 parseInt() 需要兩個參數：要解析的字串和可選的基數（基數）。

Array.map() 回呼函數提供三個參數：元素值、索引和元素值。數組本身。當使用 parseInt() 而不指定基數時，它使用第二個參數（索引）作為基數。

對於 ['1','2','3']，parseInt 使用的基數值() 變成 0、1、2。由於基數 1 無效，且 3 無法用二進位表示（基數 2），因此解析失敗，導致NaN。

要修正此行為，請在包裝函數中為parseInt() 提供明確基數：

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

或者，使用ES2015 語法：

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

透過ES2015 語法：

指定基數10，我們確保parseInt()正確地將字串解析為整數。

以上是為什麼 `Array.map()` 和 `parseInt()` 在 JavaScript 中會產生意外的結果？的詳細內容。更多資訊請關注PHP中文網其他相關文章！