Загрузка...

Методы строк

Строку (string) вы уже умеете писать. Здесь — методы: инструменты на тексте — регистр, вырезать кусок, убрать пробелы, заменить слово или спросить «есть ли эта фраза внутри?». Не учите все методы языка сразу — начните с короткого бытового набора.

Как работают методы строк в JavaScript?

Метод строки вызывают через точку, имя и скобки: "hi".toUpperCase(). Обычно возвращается новая строка. Исходник не меняется, пока вы не сохраните результат (let clean = raw.trim()). Для старта: toUpperCase / toLowerCase, slice, trim, replace (первое совпадение), includes (да/нет) и indexOf (индекс или -1).

Набор методов строк

📊 Методы текста, с которых начинают

Идея Пример Результат / заметка
Верхний регистр "hi".toUpperCase() "HI"
slice "JavaScript".slice(0, 4) "Java" (конечный индекс не входит)
trim " hi ".trim() "hi"
replace "a-a".replace("-", "/") "a/a" (только первое совпадение)
includes "hello".includes("ell") true
indexOf "hello".indexOf("l") 2 (первый индекс; нет = -1)

Меняем регистр букв

toUpperCase() и toLowerCase() строят новую строку с единым регистром — удобно перед сравнением ввода пользователя.

Верхний и нижний регистр

javascript 
let city = "Tehran";
console.log(city.toUpperCase());
console.log(city.toLowerCase());
console.log(city);

Вырезаем кусок через slice

slice(start, end) копирует с start до (не включая) end. Без end — до конца. Индексы с 0.

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

javascript 
let word = "JavaScript";
console.log(word.slice(0, 4));
console.log(word.slice(4));
console.log(word);

Убираем краевые пробелы через trim

Во вводе часто есть пробелы в начале или конце. trim() снимает их; пробелы в середине остаются.

Очистка пробелов через trim

javascript 
let raw = "  hello  ";
let clean = raw.trim();
console.log(raw.length);
console.log(clean.length);
console.log(clean);

Меняем текст через replace

replace(old, new) заменяет первое вхождение old на new. Остальное не трогает. (Замена всех вхождений — позже.)

Замена первого совпадения

javascript 
let line = "red-blue-red";
console.log(line.replace("-", "/"));
console.log(line);

Поиск через includes и indexOf

includes(piece) отвечает да/нет (true / false). indexOf(piece) даёт индекс первого совпадения или -1, если нет.

includes и indexOf

javascript 
let msg = "Welcome guest";
console.log(msg.includes("guest"));
console.log(msg.includes("admin"));
console.log(msg.indexOf("come"));
console.log(msg.indexOf("x"));

Чистый заголовок на странице

Сделайте trim, выровняйте регистр, покажите через textContent.

Страница показывает очищенный заголовок

html 
<!DOCTYPE html>
<html>
<head>
<title>String methods — clean title</title>
</head>
<body>
<p id="out">…</p>
<script>
let raw = "  javaScript methods  ";
let title = raw.trim().toUpperCase();
document.getElementById("out").textContent = title;
</script>
</body>
</html>

Абзац показывает очищенный заголовок. Меняйте только raw, обновите страницу и проверьте trim и регистр.

Попробуйте сами

  1. Выведите "Tehran".toUpperCase() и "Tehran".toLowerCase(); если сохранили в переменную — посмотрите и исходник.
  2. Из "JavaScript" вырежьте первые четыре символа через slice, затем с индекса 4 до конца.
  3. Сделайте trim для " hi " и сравните .length до и после.
  4. В "a-b-c" замените первый "-" на "/"; залогируйте результат и оригинал.
  5. В короткой фразе проверьте includes для слова, которое есть, и которого нет; indexOf для буквы.
  6. В HTML-демо меняйте только raw, обновляйте и читайте новый заголовок.

Частые ошибки

  • Писать toUpperCase без () — нужен вызов: .toUpperCase()
  • Ждать, что "hi".toUpperCase() изменит оригинал — возвращается новое значение; присвойте, если нужно
  • Думать, что slice(0, 4) включает индекс 4 — конец не входит
  • Считать, что replace меняет все совпадения — по умолчанию только первое
  • Пользоваться только indexOf, когда нужно ясное да/нет — для этого читаемее includes

Кратко

  • Вызывайте методы как . + имя + ()
  • toUpperCase / toLowerCase меняют регистр; slice вырезает; trim чистит края
  • replace меняет первое совпадение; includes / indexOf ищут внутри
  • Обычно возвращается новое значение — сохраните, если хотите оставить
  • Дальше: логические значения — true и false для решений да/нет

🧠 Проверьте Свои Знания

Готов к Началу

Проверьте Свои Знания

Бросьте себе вызов с помощью этой интерактивной викторины и узнайте, насколько хорошо вы понимаете тему

❓
8
Вопросы
🎯
70%
Для Прохождения
♾️
∞
Время
🔄
∞
Попытки

📝 Инструкции

  • Внимательно прочитайте каждый вопрос
  • Выберите лучший ответ на каждый вопрос
  • Вы можете пересдавать тест столько раз, сколько захотите
  • Ваш прогресс будет показан вверху
Тема 11 из 13
Javascript Урок