ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ

JS Учебник

JS Старт JS Введение JS Установка JS Вывод JS Объявления JS Синтаксис JS Комментарии JS Переменные JS Операторы JS Арифметические JS Присваивание JS Типы данных JS Функции JS Объекты JS События JS Строки JS Методы строки JS Числа JS Методы числа JS Массивы JS Методы массива JS Сортировка массива JS Итерация массива JS Даты JS Форматы дат JS Методы получения дат JS Методы установки дат JS Математические JS Рандомные JS Булевы JS Сравнения JS Условия JS Switch JS Цикл For JS Цикл While JS Прерывание JS Преобразование типов JS Побитовые JS Регулярные выражения JS Ошибки JS Область действия JS Подъём JS Строгий режим JS Ключевое слово this JS Ключевое слово Let JS Ключевое слово Const JS Функции стрелок JS Классы JS Отладка JS Гид по стилю JS Лучшие практики JS Ошибки JS Производительность JS Зарезервированные слова JS Версии JS Версия ES5 JS Версия ES6 JS JSON

JS Формы

JS Формы Формы API

JS Объекты

Определения объектов Свойства объекта Методы объекта Доступ к объектам Конструкторы объектов Прототипы объектов Объект ECMAScript 5

JS Функции

Определения функций Параметры функции Обращение к функции Вызов функции Применение функции Закрытие функции

JS HTML DOM

DOM Введение DOM Методы DOM Документ DOM Элементы DOM HTML DOM CSS DOM Анимация DOM События DOM Слушатель событий DOM Навигация DOM Узлы DOM Коллекции DOM Узловые списки

JS Объектная модель браузера BOM

JS Окно JS Скрин JS Локация JS История JS Навигатор JS Всплывающее оповещение JS Тайминг JS Куки

JS AJAX

AJAX Введение AJAX XMLHttp AJAX Запрос AJAX Отклик AJAX XML Файл AJAX PHP AJAX ASP AJAX База данных AJAX Приложения AJAX Примеры

JS JSON

JSON Введение JSON Синтаксис JSON и XML JSON Типы данных JSON Анализ JSON Stringify JSON Объекты JSON Массивы JSON PHP JSON HTML JSON JSONP

JS и jQuery

jQuery Селекторы jQuery HTML jQuery CSS jQuery DOM

JS Примеры

JS Примеры JS HTML DOM JS HTML Input JS HTML Объекты JS HTML События JS Броузер JS Упражнения JS Викторина JS Сертификат

JS Справочники

JavaScript Объекты HTML DOM Объекты

JavaScript. Уроки для начинающих

JavaScript Strings / Строки


JavaScript строки используются для хранения и манипулирования текстом.


JavaScript Строки

Строка JavaScript содержит ноль или более символов, заключенных в кавычки.

Пример

var x = "John Doe";
Попробуйте сами »

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

Пример

var carName1 = "Volvo XC60";  // Двойные кавычки
var carName2 = 'Volvo XC60';  // Одинарные кавычки
Попробуйте сами »

Вы можете использовать кавычки внутри строки, если они не соответствуют кавычкам, окружающим строку:

Пример

var answer1 = "Это правильно";
var answer2 = "Его зовут 'Johnny'";
var answer3 = 'Его зовут "Johnny"';
Попробуйте сами »

Длина строки

Чтобы найти длину строки, используйте встроенное свойство length:

Пример

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
Попробуйте сами »

Экранирующий символ

Поскольку строки должны быть записаны в кавычках, JavaScript будет неправильно понимать эту строку:

var x = "Мы так называемые "Викинги" из севера.";

Строка будет разделена на фразе "Мы так называемые ".

Решение, чтобы избежать этой проблемы, заключается в использовании экранирующего символа обратной косой черты (обратного слэша).

Экранирующий символ обратной косой черты (\) превращает специальные символы в строковые символы:

Код Результат Описание
\' ' Одинарные кавычки
\" " Двойные кавычки
\\ \ Обратный слэш

Последовательность \"  вставляет двойную кавычку в строку:

Пример

var x = "Мы так называемые \"Викинги\" из севера.";
Попробуйте сами »

Последовательность \'  вставляет одинарную кавычку в строку:

Пример

var x = 'Это\' правильно.';
Попробуйте сами »

Последовательность \\  вставляет обратный слэш в строку:

Пример

var x = "Символ \\ называется обратной косой чертой (обратным слэшем).";
Попробуйте сами »

Шесть других экранирующих последовательностей, валидных в JavaScript:

Код Результат
\b Backspace (возврат на одну позицию)
\f Подача формы
\n Новая линия (новая строка)
\r Возврат каретки
\t Горизонтальный табулятор
\v Вертикальный табулятор

Вышеуказанные 6 управляющих символов изначально были предназначены для управления пишущими машинками, телетайпами и факсимильными аппаратами. Они не имеют никакого смысла в HTML.


Прерывание длинных строк кода

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

Если JavaScript объявление (оператор) не помещается в одну строку, лучше всего его разбить после объявления (оператора):

Пример

document.getElementById("demo").innerHTML =
"Hello Dolly!";
Попробуйте сами »

Вы также можете разбить строку кода внутри текстовой строки с помощью одного обратного слэша:

Пример

document.getElementById("demo").innerHTML = "Hello \
Dolly!";
Попробуйте сами »

Метод обратного слэша \ не является предпочтительным методом. Это может не иметь универсальной поддержки. Некоторые браузеры не допускают пробелов за символом обратного слэша \.

Более безопасный способ разбить строку, это использовать добавление строки:

Пример

document.getElementById("demo").innerHTML = "Hello " +
"Dolly!";
Попробуйте сами »

Вы не можете разбить строку кода с помощью обратного слэша:

Пример

document.getElementById("demo").innerHTML = \
"Hello Dolly!";
Попробуйте сами »

Строки могут быть объектами

Обычно строки JavaScript являются примитивными значениями, созданными из литералов:

var firstName = "John";

Но строки также могут быть определены как объекты с ключевым словом new:

var firstName = new String("John");

Пример

var x = "John";
var y = new String("John");

// typeof x вернёт строку
// typeof y вернёт объект
Попробуйте сами »

Не создавайте строки как объекты. Это замедляет скорость выполнения.
Ключевое слово new усложняет код. Это может привести к неожиданным результатам:

При использовании оператора == одинаковые строки равны:

Пример

var x = "John";             
var y = new String("John");

// (x == y) верно, потому что х и у имеют равные значения
Попробуйте сами »

При использовании оператора === одинаковые строки не равны, поскольку оператор === ожидает равенства как по типу, так и по значению.

Пример

var x = "John";             
var y = new String("John");

// (x === y) является false (неверно), потому что x и y имеют разные типы (строка и объект)
Попробуйте сами »

Или даже хуже. Объекты нельзя сравнивать:

Пример

var x = new String("John");             
var y = new String("John");

// (x == y) является false (неверно), потому что х и у разные объекты
Попробуйте сами »

Пример

var x = new String("John");             
var y = new String("John");

// (x === y) является false (неверно), потому что х и у разные объекты
Попробуйте сами »

Обратите внимание на разницу между (x==y) и (x===y).
Сравнение двух JavaScript объектов будет всегда возвращать false.


Проверьте себя с помощью упражнений

Упражнение:

Используйте свойство length, чтобы указать длину txt.

var txt = "Hello World!";
var x = ;
alert(x);

Начать упражнение