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

Ответ 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() сделает все остальное: проверьте здесь

Примечание.. Для старых браузеров, которые не поддерживают 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;
};

Ответ 2

Сопоставьте его с целыми числами:

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

Ответ 3

+string попытается изменить строку на число. Затем используйте функцию Array.map для изменения каждого элемента.

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

Ответ 4

Более короткое решение: сопоставьте и передайте аргументы Number:

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

Ответ 5

В качестве варианта вы можете использовать методы combiantion _.map и _.ary из lodash library. Целая трансформация будет более компактной. Вот пример из официальной документации :

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

Ответ 6

Подчеркивание js way -

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

Ответ 7

Нет необходимости использовать lambdas и/или предоставить параметр 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