Преобразование строки в массив в JavaScript

1. Используйте выражение JSON.parse() для преобразования строки в массив
2. Используйте выражение Array.from() для преобразования строки в массив
3. Используйте оператор распространения ... для преобразования строки в массив

Мы представим три метода преобразования строки в массив в JavaScript. Мы преобразуем, как преобразовать строку в числовой массив, а также в массив строк.

Используйте выражение JSON.parse() для преобразования строки в массив

Выражение JSON.parse() используется для разбора данных, полученных от веб-сервера, на объекты и массивы. Если полученные данные имеют форму объекта JSON, он преобразует их в объект JavaScript. И, если данные представляют собой значение JSON, полученное из массива, JSON.parse() преобразует данные в массив JavaScript. Мы можем использовать JSON.parse() для преобразования строки чисел, разделенных запятыми, в массив. Мы можем объединить скобки со строкой, чтобы преобразовать ее в массив чисел.

Например, создайте переменную data и сохраните в ней значение 0,1,2,3 в виде строки. Используйте JSON.parse() для переменной data и соедините открывающую и закрывающую скобки перед и после переменной. Сохраните выражение в переменной arr. Затем зарегистрируйте переменную в консоли. Также запишите typeof первого элемента массива в консоль.

В приведенном ниже примере мы преобразовали строку чисел в массив чисел. Мы можем узнать тип элементов массива с помощью ключевого слова typeof. Раздел вывода показывает, что элементы массива имеют number тип.

Пример кода:

var data = "0,1,2,3";
var arr = JSON.parse("[" + data + "]");
console.log( arr)
console.log(typeof arr[0])

Выход:

(4) [0, 1, 2, 3]
number

Используйте выражение Array.from() для преобразования строки в массив

Метод Array.from() позволяет создать массив из строки определенной длины. Мы можем передать строку, которую нужно преобразовать, в метод, и метод преобразует ее в массив строк. Однако этот метод бесполезен, если у нас есть . между строками, так как он также добавит , в массив строк.

Например, создайте переменную num и сохраните значение 1234 в виде строки в переменной. Вызвать метод from() с объектом Array и передать переменную num в качестве параметра функции. Сохраните выражение в переменной arr. Затем используйте console.log(), чтобы отобразить переменную в консоли. Также запишите typeof первого элемента массива в консоль.

В приведенном ниже примере строка чисел преобразуется в массив строк. Каждый символ строки преобразуется как строковый элемент массива. Раздел вывода показывает, что элементы массива относятся к string типу.

Пример кода:

var num = "1234";
var arr = Array.from(data);
console.log(arr)
console.log(typeof arr[0])

Выход:

(4) ["1", "2", "3", "4"]
string

Используйте оператор распространения ... для преобразования строки в массив

Оператор распространения обозначается тремя точками, за которыми следует переменная ...data. Это широко используемая функция ES6. Этот метод преобразует строку в массив строк. Однако этот метод бесполезен, если у нас есть запятые между строками, так как он также добавит , в массив строк. Мы можем передать переменную, содержащую строку в больших скобках. А перед переменной мы можем добавить три точки. т.е. ...data.

Например, сохраните значение 1234 в виде строки в переменной data. В скобках запишите переменную data и поставьте перед ней три точки. Сохраните это выражение в переменной arr. Затем зарегистрируйте переменную в консоли. Также используйте ключевое слово typeof перед первым элементом массива и зарегистрируйте его в консоли.

В этом примере мы преобразовали строку чисел в массив строк, как во втором методе. Но на этот раз мы использовали оператор спреда. Раздел вывода показывает, что элементы массива относятся к string типу.

Пример кода:

var data = "1234";
var arr = [...data];
console.log(arr)
console.log(typeof arr[0])

Выход:

(4) ["1", "2", "3", "4"]
string