Как преобразовать строку чисел в массив чисел?

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

Где 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 _.map и _.ary методы из lodash library. Целая трансформация будет более компактной. Вот пример из official documentation:

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

Answer 5

Там нет необходимости использовать лямбды и/или дать 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 -подходе - не:

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

символ подчеркивание расслоения плотного путь -

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.