Строки и их методы

Строка в JavaScript неизменяема. Любой метод, который «меняет» текст, на самом деле собирает новое значение и отдаёт его вам, а оригинал остаётся прежним — сколько бы методов вы к нему ни применили.

const city = "Дубай";
const loud = city.toUpperCase();
console.log(loud);
console.log(city);

Отсюда простое правило: результат вызова нужно куда-то положить — в переменную или сразу в другое выражение. Вызов ради вызова бесследно исчезает. Присвоить отдельную букву тоже не получится: city[0] = "Б" либо молча ничего не сделает, либо бросит ошибку в строгом режиме. Строку не правят — её собирают заново.

let title = "заметка";
title = title.toUpperCase() + " №1";
console.log(title);

length — свойство, а не метод, скобки после него не нужны. Отдельный символ берут квадратными скобками, а at() понимает отрицательные индексы и удобно достаёт хвост строки.

const word = "Привет";
console.log(word.length);
console.log(word[0]);
console.log(word.at(-1));
console.log(word[42]);

Посмотрите на последнюю строку: выход за границы — не ошибка, а undefined. Молчаливый undefined потом всплывает где-нибудь в середине программы, поэтому индексы, посчитанные вручную, стоит проверять.

console.log("😀".length);
console.log([..."😀"].length);

slice(start, end) возвращает кусок от start до end, не включая последний индекс. Отрицательные значения отсчитываются с конца — это главное удобство метода.

const s = "javascript";
console.log(s.slice(0, 4));
console.log(s.slice(4));
console.log(s.slice(-6));
console.log(s.slice(1, -1));

substring делает почти то же самое, но с двумя причудами: отрицательные аргументы он превращает в ноль, а если начало больше конца — молча меняет их местами.

substring достался языку из 90-х. Пишите slice — и не придётся вспоминать, кто из них тайком переставляет аргументы.

Эти три метода отвечают на вопрос «есть ли здесь такой текст» и возвращают true или false. Регистр для них важен, поэтому перед сравнением строки обычно приводят к одному виду через toLowerCase() — так поиск перестаёт зависеть от того, как пользователь нажал Shift.

const title = "Основы JavaScript";
console.log(title.toLowerCase());
console.log(title.includes("Java"));
console.log(title.includes("java"));
console.log(title.toLowerCase().includes("java"));

startsWith и endsWith смотрят на начало и конец — удобно проверять расширение файла или префикс. Если нужен не факт, а позиция, берите indexOf: он вернёт индекс первого совпадения или -1.

const file = "report.final.pdf";
console.log(file.startsWith("report"));
console.log(file.endsWith(".pdf"));
console.log(file.indexOf("final"));
console.log(file.indexOf("draft"));

trim срезает пробелы и переводы строк по краям — первое, что делают с текстом из поля ввода. split режет строку по разделителю и отдаёт массив, join собирает массив обратно в строку. Вместе они закрывают почти всю работу со списками в тексте.

const raw = "  Аня , Борис ,Вика ";
const names = raw.trim().split(",");
console.log(names);
console.log(names.map((n) => n.trim()).join(" | "));

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

const phrase = "мама мыла раму";
console.log(phrase.split(" ").length);
console.log("код".split(""));
console.log(["2026", "09", "01"].join("-"));

replace заменяет только первое совпадение — это удивляет чаще всего остального в теме строк. Чтобы заменить все, есть replaceAll или регулярное выражение с флагом g. Регулярное выражение — это шаблон текста: в записи /три/g между косыми чертами стоит образец, а буква g после них просит найти все совпадения. Из чего ещё собирают такие шаблоны, разбирает статья «Регулярные выражения: первое знакомство».

const s = "три-два-три";
console.log(s.replace("три", "1"));
console.log(s.replaceAll("три", "1"));
console.log(s.replace(/три/g, "1"));
console.log(s);

padStart дополняет строку слева до нужной длины — классика для времени, номеров и денег. У него есть зеркальный padEnd. Если строка уже не короче заданной длины, метод просто вернёт её как есть.

console.log(String(7).padStart(2, "0"));
console.log("5".padStart(3, "0"));
console.log("1234".padStart(2, "0"));
console.log("42".padEnd(5, "."));

console.log("цена".replace("цена", "$& указана"));
console.log("итого".replace("итого", "$$"));