JavaScript Array.map(parseInt) 錯誤解決方案

作者 Calpa 日期 2017-05-31 共210字
JavaScript

如果我想轉換數組裡面的字符串為數字的話，很自然就會想到 map 和 parseInt 這兩個方法。但是用起來的時候卻不是我想要的結果。。。

1
2
3
4
5
var a = ["1", "2", "3", "4", "5"];
var b = a.map(parseInt);
console.log(b); // [1, NaN, NaN, NaN, NaN]

原因

如果我們細看 map 的參數，就會發現它的 callback 會有三個 arguments：currentValue, index 和 array。

對於 parseInt 來說， 它會接收currentValue和 index，並用 index 作為 index 進制。。。

1
2
3
4
5
parseInt('1', 0); // OK => 1
parseInt('2', 1); // 不合法的進制。。。
parseInt('3', 2); // NaN, 二進制沒有 3
parseInt('4', 3); // NaN, 三進制沒有 4
parseInt('5', 4); // NaN, 四進制沒有 5

解決方法

  1. 用.map(parseFloat)，因為它只接收一個參數。

    1
    var c = a.map(parseFloat);

  2. 用.map(Number)

    1
    var d = a.map(Number);

  3. 用.map(num => parseInt(num))

    1
    var e = a.map(num => parseInt(num));