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

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

Проверьте документы

---

Или более элегантно, как указано пользователем: 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;
};

Answer 2

Мои 2 цента для игроков в гольф:

b="1,2,3,4".split`,`.map(x=>+x)

обратная кавычка является строковой буквой, поэтому мы можем опустить круглые скобки (из-за природы функции разделения), но это эквивалентно split(','). Строка теперь является массивом, нам просто нужно сопоставить каждое значение с функцией, возвращающей целое число строки, поэтомуx=>+x (что даже короче, чем Number функция (5 символов вместо 6)) эквивалентна:

function(x){return parseInt(x,10)}// version from techfoobar
(x)=>{return parseInt(x)}         // lambda are shorter and parseInt default is 10
(x)=>{return +x}                  // diff. with parseInt in SO but + is better in this case
x=>+x                             // no multiple args, just 1 function call

Надеюсь, это немного яснее.

Answer 3

Это очень просто, например:

["1", "2", "3", "4"].map(i=>Number(i))

Answer 4

Array.from() для получения подробной информации перейдите к MDN

var a = "1,2,3,4";
var b = Array.from(a.split(','),Number);

b это массив чисел

Answer 5

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

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

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

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

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

Answer 8

Один лайнер

Array.from(a.split(','), Number)

Answer 9

Там нет необходимости использовать лямбды и / или дать 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. Это немного быстрее и использует кеш, когда 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 10

Используйте для этого Array.from . Попробуйте следующее:

Answer 11

Это прекрасно работает, если вам нужно преобразовать массив строк в числа.

      const numbers = arr => arr.map(Number);
numbers(['1', '2', '3','4']);     // [1, 2, 3, 4]

Answer 12

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

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

Answer 13

Подчеркивание 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 14

Версия Мэтта Цойнерта с использованием функции arraw (ES6)

const nums = a.split(',').map(x => parseInt(x, 10));

Answer 15

Вы можете преобразовать массив строк в массив чисел в одну строку:

const arrayOfNumbers = arrayOfStrings.map(e => +e);

Answer 16

Вы можете использовать JSON.parse, добавив скобки для форматирования массива

         const a = "1,2,3,4";
const myArray = JSON.parse(`[${a}]`)
console.log(myArray)
console.info('pos 2 = ',  myArray[2])

Answer 17

Поскольку все ответы позволяют 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.

Answer 18

      let ar = [ '682',    '874',    '906',    '11168',  '73714',
  '74377',  '74034',  '138860', '138891', '139161', '139562',
  '139733', '139560', '74049',  '139759', '139934', '140104',
  '141335', '141356', '141334', '141337', '141360', '141358',
  '141365', '141419', '143333', '151477', '147342', '141355',
  '167847', '192141', '196760', '191687', '197351', '197055',
  '198852', '198731', '198816', '199034', '200053', '199226',
  '217818', '200055', '222039', '230533', '230530', '231127',
  '222042', '231100', '236171', '236913', '236980', '237015',
  '237016', '237052', '237551', '237560', '237590', '237637',
  '237733', '237731', '237655', '238890', '238910', '238837',
  '238926', '238972', '238925', '239755', '239696', '239898',
  '240037', '239909', '240036', '240082', '240097', '240526',
  '240770', '678151', '678950', '678985'];
let arry=[]
ar.map(arr=>{
arry.push(parseInt(arr))
});

console.log(arry);