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

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

检查Docs

---

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

var b = a.split(',').map(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; 
}; 

Answer 2

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

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

Answer 3

它映射到整数：

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 4

您也可以使用combiantion从lodash library_.map和_.ary方法的变体。整个转型将更加紧凑。下面是例子来自official documentation：

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

Answer 5

有没有必要使用lambda表达式和/或给radix参数parseInt，只需使用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. 这是一点点quickier和需要缓存的优势，当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 6

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

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

Answer 7

下划线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 8

由于所有的答案让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.