Дмитрий Нечаев
Строка в JavaScript
Строка (String) в JavaScript представляет собой тип данных, используемый для работы с текстовой информацией. Она может содержать любые символы, включая буквы, цифры, пробелы и специальные символы. Строки в JavaScript являются неизменяемыми, то есть после создания строки её нельзя изменить, можно лишь создать новую строку на основе старой с использованием различных методов. Давайте рассмотрим основные аспекты работы со строками в JavaScript.
Создание строк
Строки могут быть созданы с использованием одинарных ('
) или двойных кавычек ("
). Оба способа эквивалентны, и выбор между ними зависит от предпочтений разработчика.
const str1 = 'Привет, мир!'; // создание строки с использованием одинарных кавычек
const str2 = "Hello, world!"; // создание строки с использованием двойных кавычек
Специальные символы
В JavaScript строки могут содержать специальные символы, такие как символ новой строки (\\n
), символ табуляции (\\t
), символ возврата каретки (\\r
) и другие.
const multilineStr = "Строка 1\\nСтрока 2"; // использование символа новой строки
console.log(multilineStr);
// Выведет:
// Строка 1
// Строка 2
Строки являются одним из основных типов данных в JavaScript, и понимание принципов их работы необходимо каждому разработчику. От простых операций конкатенации до сложных манипуляций с текстом, строки играют ключевую роль в создании интерактивных веб-приложений. Если вы хотите детальнее погрузиться в особенности работы со строками и другими типами данных в JavaScript — приходите на наш большой курс JavaScript с нуля. На курсе 198 уроков и 30 упражнений, AI-тренажеры для безлимитной практики с кодом и задачами 24/7, решение задач с живым ревью наставника, еженедельные встречи с менторами.
Длина строки
Длину строки можно получить с помощью свойства length
, которое возвращает количество символов в строке, включая пробелы и специальные символы.
const str = "Длина этой строки равна 21 символу";
console.log(str.length); // Выведет: 21
Доступ к символам строки
Каждый символ в строке имеет свой индекс, начиная с 0. Доступ к символам строки осуществляется по их индексу с помощью квадратных скобок [ ]
.
const str = "Привет";
console.log(str[0]); // Выведет: П
console.log(str[1]); // Выведет: р
Методы работы со строками
JavaScript предоставляет множество методов для работы со строками, включая методы для поиска подстрок, замены символов, разделения строки на подстроки и многое другое. Давайте рассмотрим несколько основных методов:
const str = "Привет, мир!";
// Метод indexOf() возвращает индекс первого вхождения подстроки в строку
console.log(str.indexOf("мир")); // Выведет: 7
// Метод slice() возвращает часть строки, начиная с указанного индекса
console.log(str.slice(7)); // Выведет: мир!
// Метод replace() заменяет указанную подстроку на другую
console.log(str.replace("мир", "земля")); // Выведет: Привет, земля!
// Метод split() разделяет строку на массив подстрок по указанному разделителю
console.log(str.split(", ")); // Выведет: ["Привет", "мир!"]
Сравнение строк
Строки в JavaScript могут быть сравниваемы между собой с помощью операторов сравнения (<
, >
, <=
, >=
). Сравнение происходит по кодовым точкам символов Unicode.
const str1 = "apple";
const str2 = "banana";
console.log(str1 < str2); // Выведет: true
Преобразование в верхний и нижний регистр
JavaScript предоставляет методы для преобразования строк в верхний и нижний регистр с помощью методов toUpperCase()
и toLowerCase()
.
const str = "Привет, мир!";
console.log(str.toUpperCase()); // Выведет: ПРИВЕТ, МИР!
console.log(str.toLowerCase()); // Выведет: привет, мир!
Заключение
Строки в JavaScript представляют собой основной тип данных для работы с текстом. Они обладают множеством методов и операций для манипуляций с текстовой информацией, таких как поиск подстрок, замена символов, разделение строки на подстроки и другие. Понимание работы со строками поможет вам эффективно обрабатывать текстовую информацию в ваших JavaScript-проектах.
Работа со строками - важная часть разработки на JavaScript, но для создания сложных веб-приложений важно понимать и другие аспекты этого языка программирования. На курсе JavaScript с нуля вы найдете все необходимое, чтобы построить прочный фундамент знаний. В первых 3 модулях уже доступно бесплатное содержание — начните погружаться в JavaScript прямо сегодня.
Постройте личный план изучения Javascript до уровня Middle — бесплатно!
Javascript — часть карты развития Frontend
100+ шагов развития
30 бесплатных лекций
300 бонусных рублей на счет
Бесплатные лекции
Все гайды по Javascript
Лучшие курсы по теме

Основы JavaScript
Антон Ларичев
TypeScript с нуля
Антон Ларичев