Перейти до основного вмісту
Модуль 2 · Урок 2 із 46/32 у курсі~10 min
Модульні уроки (2/4)

Рядкові методи

Рядки в JS мають десятки методів, але на практиці ви будете використовувати десять із них їх. Усі вони є функціями, які не змінюють оригінальний рядок (рядки незмінні), але повертають нове значення.

Довжина, відмінок, пошук

JS
'JavaScript'.length; // 10
'JavaScript'.toUpperCase(); // 'JAVASCRIPT'
'JavaScript'.toLowerCase(); // 'javascript'

'JavaScript'.includes('Script'); // true
'JavaScript'.startsWith('Java'); // true
'JavaScript'.endsWith('!'); // false

'JavaScript'.indexOf('a'); // 1    (first occurrence, from 0)
'JavaScript'.indexOf('zzz'); // -1   (not found)

length є властивістю (без дужок), інші є методами — функції, викликані за допомогою (…).

Вилучення порцій за допомогою slice

slice(start, end) повертає підрядок між вказаними позиціями (end виключено). Від’ємні індекси відраховуються з кінця.

JS
'abcdefgh'.slice(0, 3); // 'abc'
'abcdefgh'.slice(3); // 'defgh'   (omitting end = to the end)
'abcdefgh'.slice(-2); // 'gh'      (last two)

Розщеплення та об’єднання

split(separator) ділить рядок на масив частин. Зворотне join(...) на масиві:

JS
'rosso,verde,blu'.split(','); // ['rosso','verde','blu']
['rosso', 'verde', 'blu'].join(' | '); // 'rosso | verde | blu'

Заміна

replace змінює перший випадок, replaceAll змінює їх усіх:

JS
'a-b-c'.replace('-', '_'); // 'a_b-c'
'a-b-c'.replaceAll('-', '_'); // 'a_b_c'

Обрізати: видалити пробіли по краях

trim() видаляє пробіли (та нові рядки, табуляцію) на початку та в кінці. Незамінний, коли ви отримуєте дані з форми.

JS
'   ciao  '.trim(); // 'ciao'

Спробуйте

вправи#js.m2.l2.e1
Спроби: 0Завантаження…

Отримавши електронну пошту `' Mario.Rossi@Example.com '`, нормалізуйте його: видаліть навколишні пробіли та наберіть у нижньому регістрі. Останній вираз повинен мати значення "mario.rossi@example.com".

Завантаження редактора…
Показати підказку

Ви можете зв’язати методи: спочатку trim(), потім toLowerCase().

Рішення доступне після 3 спроб

Повторна вправа

вправи#js.m2.l2.e2
Спроби: 0Завантаження…

Враховуючи рядок `'rosso,verde,blu,giallo'`, повернути як останній вираз КІЛЬКІСТЬ кольорів (тобто 4).

Завантаження редактора…
Показати підказку

split(',') дає вам масив; .length дає вам кількість елементів.

Рішення доступне після 3 спроб