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

Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
27 октября 2021

Для того, чтобы преобразовать строку в массив, нужно сначала определить, по какому критерию строка будет разбиваться на элементы. Например, строку можно разбить на подстроки, между которыми встречается разделитель:

const str = 'мама мыла раму'; // исходная строка
const result = str.split(' '); // используем метод split с указанием разделителя
// ['мама', 'мыла', 'раму']

В примере выше использовался метод split для разделения строк на элементы по определенному разделителю. Если указать в качестве разделителя пустую строку, то на выходе получим массив из символов:

// вызываем метод на строке и выводим результат
console.log('test'.split('')); // => ['t', 'e', 's', 't']

Также строки имеют некоторые свойства массивов: их можно перебирать в циклах а также можно обращаться к символам через индексы:

// перебираем строку в цикле
for (const symbol of 'test') {
  console.log(symbol);
}

// обращение по индексу
console.log('test'[1]); // => 'e'

Есть также быстрый способ разбить строку на символы с использованием рест-оператора:

const result = [...'hello']; // ['h', 'e', 'l', 'l', 'o'];
result.forEach((item) => console.log(item));
5 0
Аватар пользователя Виктория Аблаева
Виктория Аблаева
19 октября 2022

Помимо вышеупомянутых способов преобразования строки в массив, есть ещё один метод, которым можно воспользоваться.
Это Array.from():
Данный метод работает очень просто. Вся его работа описана в примере ниже:

const stringOfNumbers = '1234';
const numbers = Array.from(stringOfNumbers);
console.log(numbers); // => ['1', '2', '3', '4'] - элементы массива - строки

У данного метода есть особенность, которая может показаться недостатком.
Если в строке между словами, буквами или цифрами будут знаки препинания либо пробелы, они также станут элементами массива.

const stringOfNumbers = '1 2.3,4';
const numbers = Array.from(stringOfNumbers);
console.log(numbers); // => ['1', ' ', '2', '.', '3', ',', '4']
3 0
Познакомьтесь с основами JavaScript бесплатно