логотип PurpleSchool
Иконка входа
Вход
логотип PurpleSchool

Как работает метод split() - JavaScript

Автор

Виталий Котов

Метод split() делит строку на список подстрок и возвращает их в виде массива.

const message = "JavaScript::is::fun";

// разделяет строку message на ::
let result = message.split("::");
console.log(result);

// Вывод в консоль: [ 'JavaScript', 'is', 'fun' ]

Синтаксис split()

Синтаксис метода split() следующий:

str.split(separator, limit);

Где str - это строка.

Параметры split()

Метод split() принимает:

  • separator (необязательно) - шаблон (строка или регулярное выражение), описывающий, где должно происходить каждое разделение.
  • limit (необязательно) - неотрицательное целое число, ограничивающее количество частей, на которые нужно разделить заданную строку.

Возвращаемое значение split()

Возвращает Array строк, разделенных в каждой точке, где в данной строке встречается разделитель.

Примечание: метод split() не изменяет исходную строку.

Примеры

Пример 1: Использование метода split()

console.log("ABCDEF".split("")); // [ 'A', 'B', 'C', 'D', 'E', 'F' ]

const text = "Java is awesome. Java is fun.";

let pattern = ".";
let newText = text.split(pattern);
console.log(newText); // [ 'Java is awesome', ' Java is fun', '' ]

let pattern1 = ".";
let newText1 = text.split(pattern1, 2);
console.log(newText1); // [ 'Java is awesome', ' Java is fun' ]

const text2 = "JavaScript ;  Python ;C;C++";
let pattern2 = ";";
let newText2 = text2.split(pattern2);
console.log(newText2); // [ 'JavaScript ', '  Python ', 'C', 'C++' ]

// использование регулярного выражения
let pattern3 = /\s*(?:;|$)\s*/;
let newText3 = text2.split(pattern3);
console.log(newText3); // [ 'JavaScript', 'Python', 'C', 'C++' ]

Вывод в консоль:

[ 'A', 'B', 'C', 'D', 'E', 'F' ]
[ 'Java is awesome', ' Java is fun', '' ]
[ 'Java is awesome', ' Java is fun' ]
[ 'JavaScript ', '  Python ', 'C', 'C++' ]
[ 'JavaScript', 'Python', 'C', 'C++' ]

Примечание: если разделитель является регулярным выражением с захватывающими круглыми скобками, то каждый раз, когда разделитель совпадает, результаты захватывающих круглых скобок вставляются в выходной массив.

Карта развития разработчика

Получите полную карту развития разработчика по всем направлениям: frontend, backend, devops, mobile