Преобразовать строку в массив javascript

Строку в массив js. Как превратить строку в массив, сколько способов существует сделать из строки массив? С примерами и кодом!

Способы превратить строку в массив в javascript.

1. Превратить строку в массив(split).
2. Превратить строку в массив(spread).
3. Превратить строку в массив(Array.from).
4. Превратить строку в массив(цикл).

1. Превратить строку в массив(split).

Для того, чтобы превратить строку в массив вам потребуется:

Создадим строку:

var string1 = 'Строка в массив №1';

Для превращения строки в массив используем split.

var arr1 = string1 . split('');

Выведем в консоль(см. первая строка в консоли:)

console.log( arr1 );

Соберем весь код:

Код превращения строки в массив:

<script>

<code>

<p>&lt;script&gt; </p>

<p>var string1 = 'Строка в массив №1'; </p>

<p>var arr1 = string1 . split(''); </p>

<p>console.log( arr1 ); </p>

<p>&lt;/script&gt;</p>

</code>

</script>

Результат превращения строки в массив:

Если вы открыли консоль, то первая строка и вы там должны увидеть:

▼ Array(18)

0: "С"

1: "т"

2: "р"

3: "о"

4: "к"

5: "а"

6: " "

7: "в"

8: " "

9: "м"

10: "а"

11: "с"

12: "с"

13: "и"

14: "в"

15: " "

16: "№"

17: "1"

length: 18

[[Prototype]]: Array(0)

2. Превратить строку в массив(spread).

Для того, чтобы превратить строку в массив, вам потребуется:

Создадим произвольную переменную с произвольным текстом внутри:

var str = 'Строку в массив';

Создадим пустой массив js:

var arr = [];

Используем оператор spread(распространение)

arr = [...str];

Выедем в консоль (см. вторая строка в консоли):

console.log(arr);

Соберем весь код:

Код превращения строки в массив:

<script>

var str= 'Строку в массив';

var arr = [];

arr = [...str];

console.log(arr);

</script>

Результат превращения строки в массив:

Если вы открыли консоль, то вторая строка и вы там должны увидеть:

▼ Array(15)

0: "С"

1: "т"

2: "р"

3: "о"

4: "к"

5: "у"

6: " "

7: "в"

8: " "

9: "м"

10: "а"

11: "с"

12: "с"

13: "и"

14: "в"

length: 15[[Prototype]]: Array(0)

3. Превратить строку в массив(Array.from).

Для того, чтобы получить массив из строки вам потребуется:

Снова.. создаём в переменной строку которую будем превращать в массив:

var str = 'Строку в массив №3';

Чтобы строка стала массивом используем Array.from:

var arr = Array.from(str);

Выводим в консоль(см. третью строку в консоли):

console.log(arr);

Соберем весь код:

Код превращения строки в массив:

<script>

var str = 'Строку в массив №3';

var arr = Array.from(str);

console.log(arr);

</script>

Результат превращения строки в массив №3:

Если вы открыли консоль, то третья строка:

▼ Array(18)

0: "С"

1: "т"

2: "р"

3: "о"

4: "к"

5: "у"

6: " "

7: "в"

8: " "

9: "м"

10: "а"

11: "с"

12: "с"

13: "и"

14: "в"

15: " "

16: "№"

17: "3"

length: 18

[[Prototype]]: Array(0)

4. Превратить строку в массив(цикл)

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

Сроку, которую будем превращать св массив:

var str= 'Строку в массив №4';

Посчитаем количество символов:

var strlength = str.length;

Создадим пустой массив:

var arr = [];

В цикле создадим массив из строки:

for (var i = 0; i < strlength ; i++) {

arr.push(str[i]);

}

Выведем в консоль см. 4 строку.

Соберем весь код:

Код превращения строки в массив:

<script>

var str= 'Строку в массив №4';

var strlength = str.length;

var arr = [];

for (var i = 0; i < strlength ; i++) {

arr.push(str[i]);

}

console.log(arr);

</script>

Результат превращения строки в массив №4:

Если вы открыли консоль, то четвертая строка:

▼ Array(18)

0: "С"

1: "т"

2: "р"

3: "о"

4: "к"

5: "у"

6: " "

7: "в"

8: " "

9: "м"

10: "а"

11: "с"

12: "с"

13: "и"

14: "в"

15: " "

16: "№"

17: "4"

length: 18

[[Prototype]]: Array(0)

Всего комментариев : Comments+ 2.0

+ =