Перейти к основному содержимому
Модуль 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 попыток