Как разбить строку в массив на JavaScript

Чтобы разбить строку в массив я буду использовать функцию split. Данная функция для того и была создана, чтобы возвратить новый массив из предоставленной ей строки. Если разделитель не будет указан или совпадение найдено не будет, то функция вернет массив с одним элементом в виде предоставленной строки. Для пример возьмем строку из пяти букв и трех запятых: a, b, c d, f, запятые будем использовать, как разделитель, то есть то что находится между запятыми станет элементом массива. Разделитель необходимо вставить в саму функцию: split(','). У нас должен получиться массив из четырех элементов, три элемента из одной буквы и один из двух:

var str = 'a, b, c d, f';
var arr = str.split(',');

for (var i = 0; i < arr.length; i++) {
    alert(arr[i]);
};

Данный код поочередно выведет на экран четыре сообщения: a b c d f. Мы разбили строку в массив.

Можно задать лимит элементов в массиве, допустим, на выходе получаем массив с четырьмя элементами, а надо получить с тремя. Тут добавляем второй параметр, вот так: split(',', 3). Пример:

var str = 'a, b, c d, f';
var arr = str.split(',', 3);

for (var i = 0; i < arr.length; i++) {
    alert(arr[i]);
};

Теперь массив будет иметь три элемента: a b c d.

Функция split поддерживает регулярные выражения, что позволяет использовать функцию более гибко. Например, нам необходимо разбить в массив текст полученный из блока, каждая новая строчка должна быть элементом массива. Будем использовать такое выражение: [\r\n]+:

<div id="text">
    Строка 1
    Строка 2
    Строка 3
</div>

<script type="text/javascript">
var str = document.getElementById('text').innerHTML;
var arr = str.split(/[\r\n]+/);

for (var i = 0; i < arr.length; i++) {
    alert(arr[i]);
};

// ['Строка 1', 'Строка 2', 'Строка 3']
</script>