如何将一串数字转换为数字数组？答案

【问题标题】：How to convert a string of numbers to an array of numbers?如何将一串数字转换为数字数组？
【发布时间】：2013-03-18 15:45:40
【问题描述】：

我有以下字符串-

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

当我这样做时-

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

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

我可以做些什么让b 成为[1, 2, 3, 4] 吗？

【问题讨论】：

标签： javascript arrays

【解决方案1】：

您可以使用Array.map 将每个元素转换为数字。

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

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

查看Docs

或者更优雅的用户指出：thg435

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

Number() 将在哪里完成剩下的工作：检查 here

注意：对于不支持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;
};

【讨论】：

文档中的"Tricky use case"实际上是在谈论这个主题。
注意：请务必检查该链接中的浏览器版本，IE8 不支持 Array.map。（令人惊讶，嗯？）
要将字符串转换为数字数组，请使用空字符串作为分隔符：'1234567'.split('').map(Number);
值得注意的是 Number() 不会强制整数，只有数字。如果您需要专门转换为整数，请使用 parseInt()。 "1.1,2,3".split(",").map(Number) 是 [1.1, 2, 3] 而 "1.1,2,3".split(",").map(item => parseInt(item, 10)) 是 [1, 2, 3]
@Sachith - parseInt() 的第二个参数是基数。在这种情况下 10。参考：developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

【解决方案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

我希望它更清楚一点。

【讨论】：

为什么会这样？看起来不优雅，因为它太抽象了。
我们为什么要关心地图函数使用多少个字符？
奇怪，在 Angular 7 中需要括号。
@SafeFastExpressive 因为这是“高尔夫球手”的版本，如果你不知道我在说什么：codegolf.stackexchange.com
聪明，但如果他们在真实代码中包含这样的东西，我会踢同事。

【解决方案3】：

这个很简单。比如：

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

您可以运行演示。

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

【讨论】：

或者简单地说：.map(Number)

【解决方案4】：

将其映射为整数：

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);
}

【讨论】：

【解决方案5】：

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}`);

【讨论】：

这是我找到的最直接的方法！！

【解决方案6】：

+string 将尝试将字符串更改为数字。然后使用Array.map函数改变每个元素。

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

【讨论】：

【解决方案7】：

更短的解决方案：映射并将参数传递给Number：

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

【讨论】：

【解决方案8】：

一个班轮

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

【讨论】：

【解决方案9】：

无需使用 lambda 和/或将 radix 参数传递给 parseInt，只需使用 parseFloat 或 Number 代替。

原因：

它正在工作：

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

更短。

它有点快并且利用了缓存，而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

【讨论】：

【解决方案10】：

作为一种变体，您可以使用lodash library 中的_.map 和_.ary 组合方法。整个改造将更加紧凑。这是来自official documentation 的示例：

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

【讨论】：

【解决方案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);

【讨论】：

【解决方案12】：

Matt Zeunert 的使用箭头函数的版本（ES6）

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

【讨论】：

10 代表什么？？

【解决方案13】：

由于所有答案都允许包含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.

【讨论】：

【解决方案14】：

可以使用JSON.parse，加括号格式化数组

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

【讨论】：

【解决方案15】：

您可以在一行中将字符串数组转换为数字数组：

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

【讨论】：

【解决方案16】：

如果您需要将字符串数组转换为数字，这将非常有用。

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

【讨论】：

【解决方案17】：

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);

【讨论】：