Работа со строками

Урок: Работа со строками

Введение

Практически любое приложение, с которым мы сталкиваемся, работает с текстом. Это могут быть имена пользователей, сообщения, комментарии, адреса, ошибки, уведомления. Даже если приложение кажется «числовым», в какой-то момент оно всё равно показывает текст человеку.

Представь форму регистрации: пользователь вводит имя, email, пароль. Всё это строки. Или чат — сообщения, которые отправляют пользователи, тоже строки. Даже кнопка «Отправить» — это строка, которую нужно вывести на экран.

Но текст — это не просто набор символов. Его нужно уметь обрабатывать: объединять, проверять, обрезать, искать внутри него части.

Именно этим и занимается работа со строками в JavaScript.

Что такое строка в JavaScript

Строка — это последовательность символов, заключённых в кавычки.

let message = 'Привет, мир';

console.log(message);

Здесь 'Привет, мир' — это строка (в коде урока — в одинарных кавычках).

Важно понимать, что строка — это не просто текст, а значение, с которым можно работать: изменять, анализировать, комбинировать.

В JavaScript строки можно записывать в одинарных, двойных или обратных кавычках:

let a = 'Текст';
let b = "Текст";
let c = `Текст`;

console.log(a, b, c);

Все три варианта создают строку; одинарные, двойные и обратные кавычки дают одинаковый литерал в этом примере. Обратные кавычки имеют дополнительные возможности (шаблоны), о которых ниже.

Объединение строк

Одна из самых частых операций — это соединение строк.

let name = 'Stepan';
let greeting = 'Привет, ' + name;

console.log(greeting);

Здесь оператор + объединяет две строки в одну.

В результате получится:

Привет, Stepan

Этот процесс называется конкатенацией.

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

Шаблонные строки (template literals)

Более удобный способ работы со строками — это шаблонные строки.

let name = 'Stepan';
let greeting = `Привет, ${name}`;

console.log(greeting);

Здесь используются обратные кавычки ` и конструкция ${}.

Внутри ${} можно вставлять переменные или даже выражения.

Например:

let a = 5;
let b = 3;

let result = `Сумма: ${a + b}`;

console.log(result);

Результат будет:

Сумма: 8

Это делает код более читаемым и удобным, особенно при работе со сложными строками.

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

У каждой строки есть длина — количество символов.

let text = 'Hello';

console.log(text.length);

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

Также можно получить отдельный символ по индексу:

let text = 'Hello';

console.log(text[0]);
console.log(text[1]);

Результат:

H
e

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

Основные методы строк

JavaScript предоставляет множество встроенных методов для работы со строками.

Рассмотрим несколько самых полезных.

Приведение к верхнему и нижнему регистру

let text = 'hello';

console.log(text.toUpperCase());
console.log(text.toLowerCase());

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

Это часто используется при сравнении текста.

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

let text = 'Hello world';

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

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

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

Получение части строки

let text = 'JavaScript';

let part = text.slice(0, 4);

console.log(part);

Метод slice возвращает часть строки.

В этом примере результат — "Java".

Он принимает два параметра:

  • начальный индекс,
  • конечный индекс (не включительно).

Замена текста

let text = 'Привет, мир';

let result = text.replace('мир', 'JavaScript');

console.log(result);

Метод replace заменяет часть строки.

Результат:

Привет, JavaScript

Строки неизменяемы

Важная особенность строк — они неизменяемы.

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

let text = 'Hello';

text[0] = 'h';

console.log(text);

Результат всё равно будет "Hello".

Любая операция со строкой создаёт новую строку, а не изменяет старую.

Например:

let text = 'hello';

let upper = text.toUpperCase();

console.log(text);
console.log(upper);

Здесь исходная строка остаётся прежней, а новая создаётся отдельно.

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

Работа со строками встречается практически в каждой задаче.

Когда пользователь вводит данные — это строки. Когда отображается интерфейс — это строки. Когда формируются сообщения — это строки. Когда обрабатываются API-ответы — это строки.

Например:

  • проверка email;
  • форматирование имени;
  • поиск текста;
  • создание динамических сообщений;
  • генерация HTML.

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

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

Строки — это один из самых базовых и часто используемых типов данных в JavaScript.

Важно не просто уметь их создавать, а понимать, как с ними работать: объединять, извлекать части, изменять и анализировать.

Ключевая идея в том, что строка — это не просто текст, а объект, с которым можно выполнять множество операций.

Если представить программу как взаимодействие с пользователем, то строки — это тот самый язык, на котором программа «разговаривает» с человеком.