перетворити рядок у масив цілих чисел


92

Я хочу перетворити наступний рядок '14 2'у масив із двох цілих чисел. Як я можу це зробити?

Відповіді:


88

Ви можете .split()отримати масив рядків , а потім прокрутити, щоб перетворити їх в числа, наприклад:

var myArray = "14 2".split(" ");
for(var i=0; i<myArray.length; i++) { myArray[i] = +myArray[i]; } 
//use myArray, it's an array of numbers

Це +myArray[i]просто швидкий спосіб перетворення числа, якщо ви впевнені, що це цілі числа, ви можете просто зробити:

for(var i=0; i<myArray.length; i++) { myArray[i] = parseInt(myArray[i], 10); } 

5
коротший: for(var i=myArray.length; i--;) myArray[i] = myArray[i]|0;за допомогою побітового перетворення та коротшого циклу
vsync

1
або з ES5:myArray.forEach(function(x,y,z){ z[y]=x|0 })
vsync

3
@vsync - звичайно ... але коли будь-який компілятор збирається скоротити його ще більше, ніж, чому робити його болючим? :) Ясність коштує кількох зайвих байтів, особливо коли вона насправді не буде набагато довшою, якщо взагалі її зменшити.
Нік Кравер

тому що раз я не мініфікую свій опублікований код, щоб інші могли читати мій код і бачити, що відбувається, а по-друге, побітові операції набагато швидші, ніж parseInt.
vsync

5
@vsync - переконайтеся, що ви протестуєте це твердження у всіх браузерах, я особисто вважаю + більш читабельним ... і якщо ви тестуєте, у більшості останніх браузерів різниця в будь-якому випадку незначна - залежно від движка. Крім того, ви можете запропонувати, .min.jsа .jsякщо ви хочете виставити свій код ... пам’ятайте, що мініфікація - це не для затемнення (або не повинно бути, оскільки це для цього марно), це для зменшення накладних витрат HTTP - швидше завантаження сторінки для ваших користувачів.
Нік Кравер

213

Швидкий для сучасних браузерів:

'14 2'.split(' ').map(Number);

// [14, 2]`

1
Дуже чистий спосіб! Має бути зверху.
лісовий горіх

1
кульки. це круто. такий свіжий і такий чистий.
Тодд,

2
+1 і просто додайте polyfill для підтримки старих браузерів, якщо потрібно developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
qdev

1
приємно, але як це насправді працює? Ви передаєте об'єкт Number, але не впевнені, як його перетворюють. Я думав, вам потрібно передати функцію для відображення.
Jarg7,

2
так, це правильно. Number () - це функція, передана на карту, і вона перетворює значення. Перегляньте відповідь Тодда, щоб дізнатися більше.
xer0x

35

ТАК ... старша нитка, я знаю, але ...

РЕДАГУВАТИ

@RoccoMusolino мав приємний улов; ось альтернатива:

TL; DR:

 const intArray = [...("5 6 7 69 foo 0".split(' ').filter(i => /\d/g.test(i)))]

НЕПРАВИЛЬНО :"5 6 note this foo".split(" ").map(Number).filter(Boolean); // [5, 6]

Є тонкий недолік у більш елегантних рішеннях, перерахованих тут, зокрема @amillara та @Marcus 'в іншому випадку красиві відповіді.

Проблема виникає, коли елемент масиву рядків не схожий на ціле число, можливо, у випадку без перевірки на вході. Для надуманого прикладу ...

Проблема:


var effedIntArray = "5 6 7 69 foo".split(' ').map(Number); // [5, 6, 7, 69, NaN]

Оскільки ви, очевидно, хочете мати PURE int масив, це проблема. Чесно кажучи , я не вловив цього, поки не скопіював код SO в свій сценарій ...: /


Виправлення (трохи менше балерів) :


var intArray = "5 6 7 69 foo".split(" ").map(Number).filter(Boolean); // [5, 6, 7, 69]

Отже, тепер, навіть якщо у вас є crap int string, ваш результат є чисто цілим масивом. Інші в більшості випадків справді сексуальні, але я хотів запропонувати свої переважно розгублені речі . Однак, як і раніше, це однокласний лайнер ...

Сподіваюся, це економить час!


1
Сумка для балету досить для мене. Дякую, Тодде!
indextwo

5
Слідкуйте, це не спрацює, якщо рядок містить один або більше 0. Нульовий переклад у boolean = false, тому логічний фільтр його не збереже.
Рокко Мусоліно

1
ви можете замінити .filter(Boolean)на.filter( (x) => !Number.isNaN(x))
Bob9630

26
var result = "14 2".split(" ").map(function(x){return parseInt(x)});

5
Не всі браузери підтримують це - це зламається в IE, це функція JavaScript 1.6+. Крім того, я сказав на іншу відповідь, завжди передавати радікс до parseInt().
Нік Кравер

2
Я з нетерпінням чекаю, коли ми зможемо використовувати .mapподібне в JS у будь-якому браузері без додаткових бібліотек.
JAL,

5

Альтернативою відповіді Тушара Гупти буде:

'14 2'.split(' ').map(x=>+x);

// [14, 2]`

У коді гольфу ви зберігаєте 1 символ. Тут оператор "+" - це "одинарний плюс", працює як parseInt.


3

Спочатку розділіть рядок на пробіли:

var result = '14 2'.split(' ');

Потім перетворіть масив результатів рядків у цілі числа:

for (var i in result) {
    result[i] = parseInt(result[i], 10);
}

2
Ви завжди повинні передавати аргумент radix parseInt(), інакше там можуть бути восьмерики.
Нік Кравер

Якщо рядки не починаються з 0, або 0xце повинно бути добре.
Marcus Whybrow

1
Якщо вони цього не роблять (подивіться, як ви зробили це як префікс із припущенням?) ... навіщо додавати 3 символи, необхідні для того, щоб це також було правильним для всіх цих випадків?
Нік Кравер

3

Суть проти parseInt-підходу:

Немає необхідності використовувати лямбди та / або задавати 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. Це крихітно швидше і використовує кеш-пам'ять, коли- parseIntApproach - ні :

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


0

Для розваги я подумав, що теж кину forEach(f())рішення.

var a=[];
"14 2".split(" ").forEach(function(e){a.push(parseInt(e,10))});

// a = [14,2]

0
let idsArray = ids.split(',').map((x) => parseInt(x));

Хоча цей код може відповісти на запитання, надання додаткового контексту щодо того, як та / або чому він вирішує проблему, покращило б довгострокове значення відповіді.
Бадакадабра

0

Краще однострочне рішення:

var answerInt = [];
var answerString = "1 2 3 4";
answerString.split(' ').forEach(function (item) {
   answerInt.push(parseInt(item))
});

Це не рядок.
delroh

-3

використовуємо функцію split :

var splitresult = "14 2".split(" ");

3
Це отримує масив рядків, а не чисел.
Нік Крейвер

Ой, так, неправильно прочитав це. Подивіться відповідь Маркуса Віуброу чи Ніка Кравера в іншому, тоді.
pyvi
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.