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

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.