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

var a = ["1", "2", "3", "4", "5"];

var b = a.map(parseInt);

console.log(b); // [1, NaN, NaN, NaN, NaN]

原因

如果我們細看 map 的參數,就會發現它的 callback 會有三個 arguments:currentValue, indexarray

對於 parseInt 來說, 它會接收currentValueindex,並用 index 作為 index 進制。。。

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),因為它只接收一個參數。
var c = a.map(parseFloat);
  1. .map(Number)
var d = a.map(Number);
  1. .map(num => parseInt(num))
var e = a.map(num => parseInt(num));
如果你覺得我的文章對你有幫助的話,希望可以推薦和交流一下。歡迎關注和 Star 本博客或者關注我的 Github