Рядки є фундаментально важливою частиною програмування на JavaScript. Робота з рядками відіграє вирішальну роль, незалежно від того, чи використовуєте ви їх для простого виводу, чи для більш складної обробки даних. З появою ECMAScript 6 (ES6) і наступних версій було додано багато корисних методів, які значно спрощують роботу з рядками. Цей посібник покаже вам, як ефективно використовувати ці нові функції.
Основні висновки
У цьому уроці ви дізнаєтеся про нові методи роботи з рядками в версіях від ES6 до ES13. Ви побачите, як можна писати набагато ефективніше за допомогою таких функцій, як startsWith(), includes(), endWith(), repeat() і replaceAll(). Ми також будемо використовувати оператор spread для перетворення рядків у масиви.
Покрокове керівництво
Визначення рядка
Перш ніж розпочати роботу з новими методами, необхідно визначити рядок. Створіть змінну, яка містить рядок, з яким ви хочете працювати.

Перевірте, чи починається рядок з певного тексту
Однією з нових функцій є startsWith(). Цей метод перевіряє, чи починається ваш рядок з певного тексту.
Якщо ви шукаєте щось, чого немає на початку, результат буде хибним.
Перевірка, чи містить рядок певний підрядок
Ви можете використовувати метод includes(), щоб перевірити, чи міститься певний підрядок у вашому основному рядку. Цей метод коротший і простіший для розуміння, ніж традиційний метод з indexOf().
Якщо ви шукаєте підрядок, якого немає, метод повертає false.
Перевірити, чи закінчується рядок певним текстом
Подібно до функції startsWith(), існує також функція endsWith() для перевірки того, чи закінчується ваш рядок певним текстом.
Повторення рядка
Метод repeat() дозволяє повторити рядок декілька разів. Це корисно, якщо, наприклад, вам потрібен певний текст або рядок для візуальних ефектів.

Заміна підрядків
За допомогою нової функції replaceAll() ви можете замінити всі входження підрядка без використання складного RegExp.

Для порівняння, старий метод replace() замінює лише перше входження, що у багатьох випадках може бути менш корисним.
Використання оператора spread з рядками
Оператор spread (...) також можна використовувати з рядками для перетворення їх на масиви окремих символів. Це може бути корисним прийомом, якщо ви хочете обробляти кожну окрему літеру рядка окремо.
Інші корисні функції
Існує багато інших корисних функцій для роботи з рядками, які можна знайти в офіційній документації Мережі розробників Mozilla (MDN). До них належать такі методи, як slice(), split(), toLowerCase() і trim(). Ці методи вже були доступні вам у попередніх версіях JavaScript, але вони все ще є дуже корисними.

Підсумок
У цьому уроці ви дізналися про нові та корисні рядкові функції в JavaScript, які допоможуть вам програмувати більш ефективно. Такі методи, як startsWith(), includes(), endWith() і replaceAll() покращують читабельність вашого коду і роблять його коротшим. Рекомендується звернутися до офіційної документації MDN для отримання більш повного списку функцій.
Часті запитання
Яка версія JavaScript використовує ці методи?Згадані методи доступні в ES6 і пізніших версіях.
Чи можна використовувати replaceAll() у старих браузерах? replaceAll() може не підтримуватися у старих браузерах. Перевірте сумісність браузера на MDN.
Як перетворити рядки в масиви? Використовуйте оператор spread (...) або метод split() для цього перетворення.
Де я можу знайти більше інформації про рядки JavaScript? Офіційна документація MDN надає вичерпні ресурси про рядки JavaScript.