JavaScript Строки
Строки JavaScript используются для хранения и манипулирования текстом.
Строки JavaScript
Строка JavaScript — это ноль или более символов, написанных внутри кавычек.
Пример
var x = "John Doe";
Можно использовать одинарные или двойные кавычки:
Пример
var carname = "Volvo XC60";
// Double quotes
var carname = 'Volvo XC60'; // Single quotes
Кавычки можно использовать внутри строки, если они не совпадают с кавычками, окружающими строку:
Пример
var answer = "It's alright";
var answer = "He is called 'Johnny'";
var answer = 'He is called "Johnny"';
Длина строки
Длина строки найдена в встроенном свойстве Длина:
Пример
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
Специальные символы
Поскольку строки должны быть написаны в кавычках, JavaScript будет неправильно понимать эту строку:
var x = "We are the so-called "Vikings" from the north.";
Строка будет прервана до "мы так называемые".
Решение, чтобы избежать этой проблемы, является использование символа обратной косой черты.
Символ обратной косой черты (\) превращает специальные символы в символы строки:
| Код | Результат | Описание |
|---|---|---|
| \' | ' | Одинарная кавычка |
| \" | " | Двойная цитата |
| \\ | \ | Обратной косой черты |
Последовательность \ " вставляет двойную кавычку в строку:
Пример
var x = "We are the so-called \"Vikings\" from the north.";
Последовательность \ ' вставляет одну кавычку в строку:
Пример
var x = 'It\'s alright.';
Последовательность \ \ вставляет обратную косую черту в строку:
Пример
var x = "The character \\ is called backslash.";
Шесть других escape-последовательности действительны в JavaScript:
| Код | Результат |
|---|---|
| \b | Backspace |
| \f | Форма подачи |
| \n | Новая линия |
| \r | Возврат каретки |
| \t | Вкладка "по горизонтали" |
| \v | Вертикальная вкладка |
6 escape-символов выше первоначально были разработаны для управления пишущих машинок, телетипов и факсимильных аппаратов. Они не имеют никакого смысла в 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 имя = "John";
Но строки также могут быть определены как объекты с ключевым словом new:
var имя = Новая строка ("John");
Пример
var x = "John";
var y = new String("John");
// typeof x will return string
// typeof y will return object
Не создавайте строки в качестве объектов. Это замедляет скорость выполнения.
Ключевое слово New усложняет код. Это может привести к неожиданным результатам:
При использовании оператора = = равные строки равны:
Пример
var x = "John";
var y = new String("John");
// (x == y) is true because x and y have equal values
При использовании оператора = = =, равные строки не равны, так как оператор = = = ожидает равенства в типе и значении.
Пример
var x = "John";
var y = new String("John");
// (x === y) is false because x and y have different types
(string and object)
Или даже хуже. Невозможно сравнить объекты:
Пример
var x = new String("John");
var y = new String("John");
// (x == y) is false because x and y are different objects
Пример
var x = new String("John");
var y = new String("John");
// (x === y) is false because x and y are different objects
Обратите внимание на разницу между (x = = y) и (x = = y).
Сравнение двух объектов JavaScript всегда будет возвращать false.
