JavaScript Рядки
JavaScript рядки призначені для зберігання та обробки тексту.
Рядок JavaScript складається з нуля або більше символів, записаних у лапках.
Ви можете використовувати одинарні або подвійні лапки:
Приклад
let carName1 = "Volvo XC60";
// Подвійні лапки
let carName2 = 'Volvo XC60'; // Одинарні лапки
Спробуйте самі »
Ви можете використовувати лапки всередині рядка, якщо вони не збігаються з лапками, що оточують рядок:
Приклад
let answer1 = "It's alright";
let answer2 = "He is called 'Johnny'";
let answer3 = 'He is called "Johnny"';
Спробуйте самі »
Довжина рядка
Щоб знайти довжину рядка, скористайтеся вбудованою властивістю length:
Екранний символ
Оскільки рядки мають бути записані в лапках, JavaScript неправильно сприйме цей рядок:
let text = "Ми українці - нащадки "Запорозьких козаків" та славних воїнів Київської Русі.";
Рядок буде розрізано на "Ми українці - нащадки ".
Рішення, щоб уникнути цієї проблеми, полягає в застосуванні екранованого символу зворотної косої риски.
Зворотній слеш (\) перетворює спеціальні символи на рядкові символи:
| Код | Результат | Опис |
|---|---|---|
| \' | ' | Одинарні лапки |
| \" | " | Подвійні лапки |
| \\ | \ | Зворотній слеш |
Послідовність \" вставляє подвійні лапки в рядок::
Приклад
let text = "Ми українці - нащадки \"Запорозьких козаків\" та славних воїнів Київської Русі.";
Спробуйте самі »
Послідовність \' вставляє одинарну лапку в рядок:
Послідовність \\ вставляє зворотній слеш в рядок:
Шість інших керуючих послідовностей дійсні в JavaScript:
| Код | Результат |
|---|---|
| \b | Backspace |
| \f | Подача форми |
| \n | Новий рядок |
| \r | Повернення каретки |
| \t | Горизонтальна вкладка |
| \v | Вертикальна вкладка |
Наведені вище 6 керуючих символів спочатку були розроблені для керування друкарськими машинками, телетайпами та факсами. Вони не мають жодного сенсу в HTML.
Порушення довгих рядків коду
Для кращої читабельності програмісти часто уникають рядків коду, довші за 80 символів.
Якщо оператор JavaScript не вміщується в один рядок, найкраще розбити його після інструкції:
Ви також можете розбити рядок коду всередині текстового рядка за допомогою одного зворотного слешу:
Метод \ не є кращим. Він може не мати універсальної підтримки.
Деякі веб-браузери не дозволяють пробіли після символу \.
Більш безпечний спосіб розбити рядок – це додавання рядків:
Ви не можете розбити рядок коду зворотнім слешем:
JavaScript рядки як об’єкти
Зазвичай JavaScript рядки — це примітивні значення, створені з літералів:
let x = "John";
Але рядки також можна визначити як об’єкти за допомогою ключового слова new:
let y = new String("John");
Не створюйте рядкові об’єкти.
Ключове слово new ускладнює код і сповільнює швидкість виконання.
Рядкові об’єкти можуть давати несподівані результати:
Під час використання оператора == x та y рівні:
let x = "John";
let y = new String("John");
Спробуйте самі »
Під час використання оператора === x та y не рівні:
let x = "John";
let y = new String("John");
Спробуйте самі »
Зверніть увагу на різницю між (x==y) та (x===y).
Порівняння двох об’єктів JavaScript завжди повертає false.
Повне посилання на рядок
Щоб отримати повну довідкову інформацію про рядки, перейдіть до:
Повний довідник JavaScript Рядків.
Довідник містить описи та приклади всіх властивостей і методів рядків.
