如何将一串数字转换为数组数组?

我有下面的string –

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

当我做 –

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

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

我可以做些什么来得到b [1, 2, 3, 4]

你可以使用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; }; 

将其映射到整数:

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

map查看每个数组项,将其传递给所提供的函数,并返回一个包含该函数返回值的数组。 map在旧版浏览器中不可用,但大多数类似jQuery或下划线的库都包含跨浏览器版本。

或者,如果你喜欢循环:

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

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

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

更简短的解决scheme:将参数映射并传递给Number

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

作为一个变体,你可以使用lodash库中的combiantion _.map_.ary方法。 整个转型将更加紧凑。 这里是官方文档的例子:

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

下划线的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); 

不需要使用lambdas和/或给parseInt提供radix参数,只需使用parseFloatNumber

原因:

  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 – 不是这样的时候,它会更快一些并利用caching

      // 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