如何將一串數字轉換為數字數組？

Question

我有以下字符串-

var a = "1,2,3,4";

當我做 -

var b = a.split(',');

我得到b為["1", "2", "3", "4"]

我可以做些什么來讓b成為[1, 2, 3, 4]嗎？

Answer 1

您可以使用Array.map將每個元素轉換為數字。

var a = "1,2,3,4";

var b = a.split(',').map(function(item) {
    return parseInt(item, 10);
});

檢查文檔

---

或者更優雅地指出用戶：thg435

var b = a.split(',').map(Number);

Number()將在哪里完成其余的工作：檢查這里

---

注意：對於不支持map的舊瀏覽器，您可以自己添加一個實現，例如：

Array.prototype.map = Array.prototype.map || function(_x) {
    for(var o=[], i=0; i<this.length; i++) { 
        o[i] = _x(this[i]); 
    }
    return o;
};

Answer 2

我給高爾夫球手的 2 美分：

b="1,2,3,4".split`,`.map(x=>+x)

反引號是字符串，所以我們可以省略括號（因為 split 函數的性質），但它等同於split(',') 。 字符串現在是一個數組，我們只需將每個值映射到一個返回字符串整數的函數，因此x=>+x （它甚至比Number函數（5 個字符而不是 6 個字符）更短）等價於：

function(x){return parseInt(x,10)}// version from techfoobar
(x)=>{return parseInt(x)}         // lambda are shorter and parseInt default is 10
(x)=>{return +x}                  // diff. with parseInt in SO but + is better in this case
x=>+x                             // no multiple args, just 1 function call

我希望它更清楚一點。

Answer 3

這很簡單。例如：

["1", "2", "3", "4"].map(i=>Number(i))

你可以運行演示。

 let result = ["1", "2", "3", "4"].map(i=>Number(i)); console.log(result);

Answer 4

Array.from() 詳情請參考MDN

let a = "1,2,3,4";
let b = Array.from(a.split(','),Number);

或者

let c = ["1", "2", "3", "4"].map(Number);

b和c是一個數字數組。

示范：

 let a = "1,2,3,4"; let b = Array.from(a.split(','),Number); let c = ["1", "2", "3", "4"].map(Number); console.log(`b: ${b}, c: ${c}`);

Answer 5

將其映射為整數：

a.split(',').map(function(i){
    return parseInt(i, 10);
})

map查看每個數組項，將其傳遞給提供的函數並返回一個包含該函數返回值的數組。 map在舊瀏覽器中不可用，但大多數庫（如jQuery或underscore ）都包含跨瀏覽器版本。

或者，如果您更喜歡循環：

var res = a.split(",");
for (var i=0; i<res.length; i++)
{
    res[i] = parseInt(res[i], 10);
}

Answer 6

+string將嘗試將字符串更改為數字。 然后使用Array.map函數來改變每個元素。

"1,2,3,4".split(',').map(function(el){ return +el;});

Answer 7

更短的解決方案：映射並將參數傳遞給Number ：

 var a = "1,2,3,4"; var b = a.split(','); console.log(b); var c = b.map(Number); console.log(c);

Answer 8

一個班輪

Array.from(a.split(','), Number)

Answer 9

無需使用 lambda 和/或為parseInt提供radix參數，只需使用parseFloat或Number代替。

原因：

1. 它正在工作：

    var src = "1,2,5,4,3"; var ids = src.split(',').map(parseFloat); // [1, 2, 5, 4, 3] var obj = {1: ..., 3: ..., 4: ..., 7: ...}; var keys= Object.keys(obj); // ["1", "3", "4", "7"] var ids = keys.map(parseFloat); // [1, 3, 4, 7] var arr = ["1", 5, "7", 11]; var ints= arr.map(parseFloat); // [1, 5, 7, 11] ints[1] === "5" // false ints[1] === 5 // true ints[2] === "7" // false ints[2] === 7 // true

2. 它更短。

3. 當parseInt -approach - 沒有時，它會更快一點並且利用緩存：

    // execution time measure function // keep it simple, yeah? > var f = (function (arr, c, n, m) { var i,t,m,s=n(); for(i=0;i++<c;)t=arr.map(m); return n()-s }).bind(null, "2,4,6,8,0,9,7,5,3,1".split(','), 1000000, Date.now); > f(Number) // first launch, just warming-up cache > 3971 // nice =) > f(Number) > 3964 // still the same > f(function(e){return+e}) > 5132 // yup, just little bit slower > f(function(e){return+e}) > 5112 // second run... and ok. > f(parseFloat) > 3727 // little bit quicker than .map(Number) > f(parseFloat) > 3737 // all ok > f(function(e){return parseInt(e,10)}) > 21852 // awww, how adorable... > f(function(e){return parseInt(e)}) > 22928 // maybe, without '10'?.. nope. > f(function(e){return parseInt(e)}) > 22769 // second run... and nothing changes. > f(Number) > 3873 // and again > f(parseFloat) > 3583 // and again > f(function(e){return+e}) > 4967 // and again > f(function(e){return parseInt(e,10)}) > 21649 // dammit 'parseInt'! >_<

注意：在 Firefox 中， parseInt的工作速度大約快 4 倍，但仍然比其他速度慢。 總計： +e < Number < parseFloat < parseInt

Answer 10

作為變體，您可以使用lodash 庫中的_.map和_.ary方法。 整個改造將更加緊湊。 以下是官方文檔中的示例：

_.map(['6', '8', '10'], _.ary(parseInt, 1));
// → [6, 8, 10]

Answer 11

下划線js方式——

var a = "1,2,3,4",
  b = a.split(',');

//remove falsy/empty values from array after split
b = _.compact(b);
//then Convert array of string values into Integer
b = _.map(b, Number);

console.log('Log String to Int conversion @b =', b);

Answer 12

Matt Zeunert 的帶有使用箭頭功能的版本（ES6）

const nums = a.split(',').map(x => parseInt(x, 10));

Answer 13

如果您需要將字符串數組轉換為數字，這將非常有用。

const numbers = arr => arr.map(Number);
numbers(['1', '2', '3','4']);     // [1, 2, 3, 4]

Answer 14

由於所有答案都允許包含NaN ，因此我想補充一點，如果您想快速將一組混合值轉換為可以執行的數字。

var a = "1,2,3,4,foo,bar";

var b = a.split(',');

var result = b.map(_=>_|0) // Floors the number (32-bit signed integer) so this wont work if you need all 64 bits.

// or b.map(_=>_||0) if you know your array is just numbers but may include NaN.

Answer 15

您可以使用JSON.parse ，添加括號來格式化數組

 const a = "1,2,3,4"; const myArray = JSON.parse(`[${a}]`) console.log(myArray) console.info('pos 2 = ', myArray[2])

Answer 16

您可以在一行中將字符串數組轉換為數字數組：

const arrayOfNumbers = arrayOfStrings.map(e => +e);

Answer 17

另一種方法是組合和拆分

 var a = "1,2,3,4"; var b= Number(a.split(",").join("")) console.log(b); 

Answer 18

let ar = [ '682',    '874',    '906',    '11168',  '73714',
  '74377',  '74034',  '138860', '138891', '139161', '139562',
  '139733', '139560', '74049',  '139759', '139934', '140104',
  '141335', '141356', '141334', '141337', '141360', '141358',
  '141365', '141419', '143333', '151477', '147342', '141355',
  '167847', '192141', '196760', '191687', '197351', '197055',
  '198852', '198731', '198816', '199034', '200053', '199226',
  '217818', '200055', '222039', '230533', '230530', '231127',
  '222042', '231100', '236171', '236913', '236980', '237015',
  '237016', '237052', '237551', '237560', '237590', '237637',
  '237733', '237731', '237655', '238890', '238910', '238837',
  '238926', '238972', '238925', '239755', '239696', '239898',
  '240037', '239909', '240036', '240082', '240097', '240526',
  '240770', '678151', '678950', '678985'];
let arry=[]
ar.map(arr=>{
arry.push(parseInt(arr))
});

console.log(arry);

Answer 19

為此使用Array.from ，試試這個：

 let b = ["1", "2", "3", "4"]; b = Array.from(b,Number); console.log(b);

Answer 20

你可以做：

b.map(num=>parseInt(num))