Свойства и методы строк в JavaScript

Введение

Строки — одна из самых частых вещей, с которой мы работаем в JavaScript.
Проверить длину, найти символ, вырезать часть текста, изменить регистр — всё это делается через свойства и методы строк.

Что важно знать про строки в JS

В JavaScript почти всё — объекты.
Когда вы создаёте строку, она становится строковым объектом.

Это значит, что ей доступны десятки полезных свойств и методов.
Разберём самые нужные — те, что используются в реальном коде каждый день.

Длина строки

length

Чтобы узнать, сколько символов в строке:

const fio = 'Pavel Ermilov'
console.log(fio.length) // 13

Это простейшая проверка, но используется постоянно — от валидации форм до обрезки текста.

Доступ к символам строки

Через индекс

const fio = 'Pavel Ermilov'

console.log(fio[3]) // e
console.log(fio[fio.length - 2]) // o

Индекс всегда начинается с нуля — классика.

Вырезать часть строки

slice()

const fio = 'Pavel Ermilov'

console.log(fio.slice(8, 13)) // milov

Метод удобен для «вырезания» подстроки по началу и концу.

Изменить регистр строки

toUpperCase() и toLowerCase()

const fio = 'Pavel Ermilov'

console.log(fio.toUpperCase()) // PAVEL ERMILOV
console.log(fio.toLowerCase()) // pavel ermilov

Часто используют для нормализации данных — например, сверка email.

Заменить часть строки

replace()

const fio = 'Pavel Ermilov'

console.log(fio.replace('vel', 'sha')) // Pasha Ermilov

Метод обновляет только первое совпадение.
Если нужно заменить все — применяется регулярка /.../g.

Поиск в строке

includes()

Проверяет, содержит ли строка указанную подстроку:

fio.includes('el') // true

startsWith() и endsWith()

fio.startsWith('Pav') // true
fio.endsWith('ov') // true

Идеально подходит для валидаций, фильтраций, подсветки результатов поиска.

Повтор строки

repeat()

'JS'.repeat(3) // 'JSJSJS'

Используется редко, но помогает, когда нужно сформировать шаблон или создать разделитель.

Заключение

Строки — простой тип данных, но в JavaScript у них огромный набор инструментов.
Освоив базовые методы, можно сильно упростить обработку текста, сделать код компактнее и понятнее.