Главная страница » JavaScript » 15. Экранирующие последовательности

15. Экранирующие последовательности

Экранирующие последовательности используются для включения специальных символов в строки. Эти последовательности начинаются с обратной косой черты (\), за которой следует один или несколько символов, представляющих специальный символ. Экранирующие последовательности позволяют вставлять символы, которые иначе были бы трудно или невозможно включить в строку.

Основные экранирующие последовательности

Новая строка (\n): Вставляет новую строку.
Табуляция (\t): Вставляет табуляцию.
Обратная косая черта (\\): Вставляет саму обратную косую черту.
Одинарная кавычка (\'): Вставляет одинарную кавычку.
Двойная кавычка (\"): Вставляет двойную кавычку.
Возврат каретки (\r): Перемещает курсор в начало строки.
Звонок (\b): Вставляет символ звонка.
Вертикальная табуляция (\v): Вставляет вертикальную табуляцию.
Форма подачи (\f): Вставляет форму подачи.

Примеры использования экранирующих последовательностей

Новая строка (\n):

				
					let newLineString = "Hello,\nWorld!";
console.log(newLineString);
// Output:
// Hello,
// World!

Табуляция (\t):

				
					let tabbedString = "Name:\tJohn";
console.log(tabbedString);
// Output: Name:   John

Обратная косая черта (\\):

				
					let backslashString = "This is a backslash: \\";
console.log(backslashString);
// Output: This is a backslash: \

Одинарная кавычка (\'):

				
					let singleQuoteString = 'It\'s a nice day!';
console.log(singleQuoteString);
// Output: It's a nice day!

Двойная кавычка (\"):

				
					let doubleQuoteString = "He said, \"Hello!\"";
console.log(doubleQuoteString);
// Output: He said, "Hello!"

Возврат каретки (\r):

				
					let carriageReturnString = "First line\rSecond line";
console.log(carriageReturnString);
// Output: Second line

Звонок (\b):

				
					let backspaceString = "ABC\bD";
console.log(backspaceString);
// Output: ABD

Вертикальная табуляция (\v):

				
					let verticalTabString = "Hello\vWorld!";
console.log(verticalTabString);
// Output: Hello
//         World!

Форма подачи (\f):

				
					let formFeedString = "Hello\fWorld!";
console.log(formFeedString);
// Output: Hello
//         World!

Распространённые ошибки

Пропуск обратной косой черты:

Использование специальных символов без обратной косой черты приведёт к ошибкам или некорректному отображению строки.

				
					let incorrectString = "This is a backslash: \";
// Ошибка: Неправильное завершение строки

Использование экранирующих последовательностей в неправильных местах:

Использование экранирующих последовательностей вне строк приводит к синтаксическим ошибкам.

				
					let notAString = This is a backslash: \\;
// Ошибка: Неправильный синтаксис

Заключение

Экранирующие последовательности позволяют включать специальные символы в строки, делая их более гибкими и функциональными. Правильное использование этих последовательностей помогает избежать ошибок и сделать ваш код более понятным.

Тестовое задание

Создайте строку, содержащую текст на нескольких строках с использованием экранирующей последовательности новой строки.
Создайте строку, содержащую табуляцию между двумя словами.
Создайте строку, включающую одинарные и двойные кавычки, используя соответствующие экранирующие последовательности.
Создайте строку, содержащую обратную косую черту.

Пример решения:

				
					let multiLineString = "This is the first line.\nThis is the second line.";
let tabString = "Column1:\tColumn2";
let quotesString = "She said, \"It\'s a beautiful day!\"";
let backslashString = "Here is a backslash: \\";

console.log(multiLineString);
// Output:
// This is the first line.
// This is the second line.

console.log(tabString);
// Output: Column1:    Column2

console.log(quotesString);
// Output: She said, "It's a beautiful day!"

console.log(backslashString);
// Output: Here is a backslash: \

Этот урок поможет вам лучше понять, как использовать экранирующие последовательности для включения специальных символов в строки и как избежать распространённых ошибок при их использовании.

Регистрация

Вход

Поиск