САЙТ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ НА РУССКОМ ЯЗЫКЕ
×

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 Заявления if...else JS Заявление switch JS Цикл for JS Цикл while JS Заявление break... JS Преобразование... JS Битовые... JS Регулярные выражения JS Ошибки JS Отладчик JS Подъемный JS Строгий JS Ключевое слово this JS Руководство стиля JS Практика JS Распространенные ошибки JS Эффективность JS Зарезервированные слова JS Версии JS Версия ES5 JS Версия ES6 JS JSON

JS Формы

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 Cookies

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 Строки JSON Объекты JSON Массивы JSON PHP JSON HTML JSON JSONP

JS или jQuery

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

JS Примеры

JS Примеры JS HTML DOM JS HTML Ввод


JavaScript Строки



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


JavaScript строки

Строки в JavaScript просто сохраняет последовательность символов, как "Андрей Щипунов".

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

Пример

var carname = "Вольво XC60";
var carname = 'Вольво XC60';
Редактор кода »

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

Пример

var answer1 = "Его зовут 'Андрей'";
var answer2 = 'Его зовут "Андрей"';
Редактор кода »

Длина строк

Длина строки может находиться во встроенном свойсве length:

Пример

var txt = "АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ";
var sln = txt.length;
Редактор кода »

Специальные символы

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

var x = 'Они хороши!';
var y = "Мы так называемые "Викинги" с севера."

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

Решение, чтобы избежать эту проблему, является использование \ специального символа.

Специальный символ, обратной косой черты, взвращает в строку:

Пример

var y = "Мы так называемые \"Викинги\" с севера."
Редактор кода »

Специальный символ \ также можно использовать для вставки специальных символов в строке.

Они широко используются, которые могут быть вставлены в текст со знаком обратной косой черты:

Код Вывод
\' одинарные кавычки
\" двойные кавычки
\\ обратный слеш

Пять символов действительны в JavaScript:

Код Вывод
\b возврат на шаг
\r возврат каретки
\f форма подачи
\t горизонтальный табулятор
\v вертикальный табулятор

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


Разрыв длинных строк кода

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

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

Пример

document.getElementById("demo").innerHTML =
"Привет Андрей!";
Редактор кода »

Также можно разбить строку кода внутри текстовой строки с одной обратной косой чертой:

Пример

document.getElementById("demo").innerHTML = "Привет \
Андрей!";
Редактор кода »

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

Более безопасным способом разбиения строки является добавление строки:

Пример

document.getElementById("demo").innerHTML = "Привет" +
"Андрей!";
Редактор кода »

Невозможно разбить строку кода обратной косой чертой:

Пример

document.getElementById("demo").innerHTML = \
"Привет Андрей!";
Редактор кода »

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

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

var firstName = "Андрей";

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

var firstName = new String("Андрей");

Пример

var x = "Андрей";
var y = new String("Андрей");

// typeof x возвращает строку
// typeof y возвращает объект
Редактор кода »

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

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

Пример

var x = "Андрей";             
var y = new String("Андрей");

// (x == y) это true потому, что x и y имеют равные значения
Редактор кода »

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

Пример

var x = "Андрей";             
var y = new String("Андрей");

// (x === y) это false потому, что x и y имеют разные типы (string и object)
Редактор кода »

Или еще хуже. Невозможно сравнить объекты:

Пример

var x = new String("Андрей");             
var y = new String("Андрей");

// (x == y) это false потому, что x и y различные объекты
Редактор кода »

Пример

var x = new String("Андрей");             
var y = new String("Андрей");

// (x === y) это false потому, что x и y различные объекты
Редактор кода »

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


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

Упражнение:

Используйте свойство length для оповещения о длине txt.

var txt = "Привет Мир!";
var x = ;
alert(x);

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