Основные методы (includes, toLowerCase, trim)

Урок: Основные методы (includes, toLowerCase, trim)

Введение

Представь, что пользователь вводит данные в форму: имя, email или сообщение. На первый взгляд это просто текст, но на практике с ним почти всегда нужно что-то сделать.

Например, пользователь может написать " Stepan " с лишними пробелами. Или ввести "HELLO", а тебе нужно сравнить это с "hello". Или проверить, содержит ли строка определённое слово.

Если работать со строками «как есть», программа быстро начнёт вести себя неправильно. Поэтому перед использованием текст часто нужно обработать: убрать лишнее, привести к нужному виду, проверить содержимое.

Для этого в JavaScript есть встроенные методы строк. В этом уроке мы разберём три очень важных: includes, toLowerCase и trim.

Что такое методы строк и как они работают

Методы — это встроенные функции, которые «принадлежат» строке и позволяют с ней что-то сделать.

Рассмотрим пример:

let text = 'Hello';

console.log(text.toLowerCase());

Здесь toLowerCase() — это метод строки.

Он вызывается через точку: строка.метод().

Важно понимать: метод не изменяет исходную строку, а возвращает новую.

В этом примере:

  • text остаётся "Hello"
  • результат метода — "hello"

Это поведение характерно для большинства строковых методов.

Метод includes — проверка наличия текста

Метод includes позволяет проверить, содержится ли одна строка внутри другой.

let text = 'Hello world';

let result = text.includes('world');

console.log(result);

Результат будет true, потому что "world" действительно есть внутри строки.

Если подстроки нет (каждый блок в теории выполняется отдельно, поэтому строка объявляется снова):

let text = 'Hello world';

console.log(text.includes('JavaScript'));

Результат будет false.

Что здесь происходит:

  • метод ищет указанную подстроку;
  • возвращает true, если находит;
  • возвращает false, если нет.

Важно: поиск чувствителен к регистру.

console.log('Hello'.includes('hello'));

Результат будет false, потому что "H" и "h" — разные символы.

Метод toLowerCase — приведение к нижнему регистру

Метод toLowerCase преобразует все символы строки в нижний регистр.

let text = 'HELLO';

let result = text.toLowerCase();

console.log(result);

Результат будет "hello".

Этот метод особенно полезен при сравнении строк.

Например:

let userInput = 'Hello';
let correctValue = 'hello';

let isEqual = userInput.toLowerCase() === correctValue;

console.log(isEqual);

Здесь:

  • пользователь может ввести текст в любом регистре;
  • мы приводим его к нижнему регистру;
  • сравнение становится корректным.

Таким образом, toLowerCase помогает избежать ошибок, связанных с разным написанием текста.

Метод trim — удаление пробелов

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

let text = '   Hello   ';

let result = text.trim();

console.log(result);

Результат будет "Hello".

Важно:

  • удаляются только пробелы по краям;
  • пробелы внутри строки остаются.
let text = '  Hello world  ';

console.log(text.trim());

Результат:

Hello world

Этот метод особенно полезен при работе с пользовательским вводом.

Например:

let input = '   Stepan   ';
let name = input.trim();

console.log(name);

Без trim в строке остались бы лишние пробелы, которые могут привести к ошибкам при сравнении или отображении.

Комбинирование методов

На практике методы часто используются вместе.

Например, нужно проверить, ввёл ли пользователь слово "admin", независимо от регистра и пробелов:

let input = '   ADMIN   ';

let result = input.trim().toLowerCase().includes('admin');

console.log(result);

Разберём по шагам:

  1. trim() убирает пробелы → "ADMIN"
  2. toLowerCase() → "admin"
  3. includes("admin") → true

Такая цепочка методов называется «цепочкой вызовов».

Она позволяет обрабатывать данные последовательно и компактно.

Где это используется на практике

Эти методы используются практически в каждом приложении.

Когда пользователь вводит данные:

  • trim убирает лишние пробелы;
  • toLowerCase нормализует текст;
  • includes помогает искать совпадения.

Например:

  • проверка email;
  • поиск по списку;
  • фильтрация данных;
  • обработка форм;
  • поиск ключевых слов.

Без этих методов код становится либо сложнее, либо менее надёжным.

Итоговое понимание

Методы строк — это инструменты, которые позволяют преобразовывать и анализировать текст.

includes отвечает за проверку содержимого, toLowerCase — за приведение к единому регистру, trim — за очистку строки от лишних пробелов.

Ключевая идея в том, что данные редко приходят в «идеальном» виде. Почти всегда их нужно подготовить перед использованием.

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