JS метод String.split()

Загальний опис

String.prototype.split() є методом, який дозволяє розбити рядок на масив підрядків, використовуючи роздільник, та повертає цей масив. Цей метод є надзвичайно корисним для обробки та аналізу текстових даних. Він може використовуватися для розбивки строк на слова, фрази, або навіть окремі символи, залежно від вказаного роздільника.

Для використання split(), потрібно вказати роздільник, який буде використовуватися для розбивання рядка. Якщо роздільник не вказаний, весь рядок повернеться як один елемент масиву. Додатково можна вказати ліміт, який обмежує кількість елементів у повернутому масиві.

Приклади:

Простий випадок:

let text = "Hello, World!";
let words = text.split(" ");
// words: ['Hello,', 'World!']

Використання роздільника:

let data = "apple,orange,banana";
let fruits = data.split(",");
// fruits: ['apple', 'orange', 'banana']

Розбивання по символу:

let characters = "Hello".split("");
// characters: ['H', 'e', 'l', 'l', 'o']

З обмеженням довжини масиву:

let sentence = "The quick brown fox";
let shortSplit = sentence.split(" ", 2);
// shortSplit: ['The', 'quick']

Приклад з регулярним виразом:

let text = "Hello1World2Bye3";
let parts = text.split(/\d/);
// parts: ['Hello', 'World', 'Bye']

У цьому прикладі split() використовує регулярний вираз \d, щоб розділити рядок за будь-якою цифрою. Це приклад, як split() може бути адаптований для більш складних завдань розбивання рядків.

Порада:	Метод `String.prototype.split()` дозволяє використовувати будь-який символ або навіть рядок як роздільник. Наприклад, для розбиття тексту на слова можна використовувати пробіл як роздільник: `let words = "Hello World".split(" ");`. Це дуже зручно для обробки текстових даних, таких як логи або вміст файлів.
Порада:	Ви можете контролювати кількість елементів, які повертає `split()`, вказавши другий аргумент. Наприклад, `let data = "apple,orange,banana,grape".split(",", 2);` поверне масив з першими двома елементами. Це корисно, коли потрібно обмежити обробку даних до певної кількості значень.
Порада:	Якщо передати порожній рядок (`""`) як роздільник, `split()` поверне масив окремих символів рядка. Це може бути корисним для задач, де потрібно обробити кожен символ окремо, наприклад: `let characters = "hello".split("");`.
Порада:	`split()` може приймати регулярні вирази, що дозволяє виконувати більш складні операції розділення. Наприклад, для розділення рядка за комами або крапками можна використати: `let parts = "apple, orange. banana; grape".split(/[ ,.;]+/);`. Це особливо корисно, коли структура даних не є однорідною або містить декілька можливих роздільників.

Синтаксис

split(separator)
split(separator, limit)

Параметри

*separator: Цей аргумент визначає, де саме відбуватиметься розбиття рядка. Може бути не вказаний (undefined), рядком або об'єктом з методом Symbol.split, зазвичай це регулярний вираз. Якщо separator не вказаний або є undefined, метод split() поверне масив, який містить вихідний рядок як єдиний елемент. Усі значення, які не є undefined або об'єктами з методом @@split, будуть перетворені на рядки.
limit: Не від'ємне ціле число, яке визначає ліміт на кількість підрядків, що включаються до масиву. Якщо вказано, рядок розбивається на кожному входженні вказаного separator, але процес зупиняється, коли в масиві вже є limit елементів. Текст, що залишився, не включається до масиву.

Return

array: Повертає масив рядків, розділених у кожному місці, де зустрічається вказаний роздільник у вихідному рядку. Якщо роздільник не знайдено, результатом буде масив, що містить сам вихідний рядок як єдиний елемент.

Переглядачі

Переглядач
	1	1	1	3	12

Переглядач
	4.4	18	4	1

Переглядач
	0.10.0	1.0

Приклади

У цьому прикладі, користувач вводить рядок та роздільник, натискає кнопку, і JavaScript-функція splitString() обробляє введені дані. Результат розділення відображається у блоку .result. Це динамічний та інтерактивний спосіб демонструвати роботу методу split().


  See the Pen <a href="https://codepen.io/css_in_ua/pen/MWLQOoX">
  Untitled</a> by css.in.ua (<a href="https://codepen.io/css_in_ua">@css_in_ua</a>)
  on <a href="https://codepen.io">CodePen</a>.

У цьому прикладі ми використовуємо метод String.prototype.split() для розділення рядка на окремі слова. Метод split() приймає роздільник, у цьому випадку пробіл " ", і повертає масив рядків. Це корисно для випадків, коли потрібно обробити окремі слова з речення.

let sentence = "Hello World, welcome to JavaScript!";
let words = sentence.split(" "); // Використання пробілу як роздільника

console.log(words); // Виводить: ["Hello", "World,", "welcome", "to", "JavaScript!"]

У цьому складнішому прикладі ми використовуємо String.prototype.split() для розділення рядка, що представляє дату, на окремі компоненти (день, місяць, рік). Це корисно для парсингу та обробки дат у форматі "ДД/ММ/РРРР". Метод split() в цьому випадку використовує символ "/" як роздільник.

let dateString = "19/11/2023";
let dateParts = dateString.split("/"); // Використання символу "/" як роздільника

console.log(dateParts); // Виводить: ["19", "11", "2023"]

let day = parseInt(dateParts[0]); // День
let month = parseInt(dateParts[1]); // Місяць
let year = parseInt(dateParts[2]); // Рік

console.log(`Day: ${day}, Month: ${month}, Year: ${year}`); // Виводить: Day: 19, Month: 11, Year: 2023

JS довідник

JavaScript

Наповнення JS розділу