В JavaScript строка - это тип данных, представляющий последовательность символов, которая может состоять из букв, цифр, символов, слов или предложений.
Строки используются для представления текстовых данных и в основном определяются с помощью одинарных кавычек (’) или двойных кавычек (”).
let name1 = 'John Doe';
let name2 = "John Doe";
Поскольку эти кавычки используются для обозначения строк, необходимо быть осторожным при использовании апострофов и кавычек в строках.
Если вы попытаетесь использовать их в строке, то в реальном смысле это приведет к окончанию строки, и JavaScript попытается разобрать оставшуюся часть строки как код. Это приведет к ошибке.
let quote = "He said, "I learned from freeCodeCamp!"";
Это приведет к ошибке, как показано ниже:
Uncaught SyntaxError: Unexpected identifier 'I'
В JavaScript, если вам необходимо включить кавычки или апострофы в строку, существует три основных способа исправить ошибку. Этими способами являются:
Использование противоположного синтаксиса строкиИспользование символа экранированияИспользование шаблонных литералов
Как использовать синтаксис противоположной строки для экранирования строки в JavaScript
В JavaScript для экранирования строки можно использовать синтаксис противоположной строки ’ или ”. Для этого вы должны обернуть строку в синтаксис, противоположный тому, что вы экранируете.
let quote="He said, "I learned from freeCodeCamp!"";
console.log(quote); // He said, "I learned from freeCodeCamp!"
let apostrophe = "It's a beautiful day";
console.log(apostrophe); // It's a beautiful day
Это означает, что если вы используете двойные кавычки для обертывания строки, вы можете использовать апостроф внутри строки. Также если вы обернете строку в одинарные кавычки, то сможете использовать двойные кавычки внутри строки.
Но здесь есть свои ограничения, потому что что если вам нужно использовать кавычки и апостроф в одной строке? Тогда вы можете использовать символ эвакуации ().
Как использовать символ Escape () для экранирования строки в JavaScript
В JavaScript вы можете экранировать строку с помощью символа \ (обратная косая черта). Обратная косая черта указывает на то, что следующий символ следует рассматривать как литеральный символ, а не как специальный символ или разделитель строки.
Вот пример экранирования строки в JavaScript:
let quote = "He said, \"I learned from freeCodeCamp!\"";
console.log(quote); // He said, "I learned from freeCodeCamp!"
let apostrophe="It\"s a beautiful day';
console.log(apostrophe); // It's a beautiful day
Как использовать шаблонные литералы для экранирования строки в JavaScript
В JavaScript для экранирования строки можно использовать шаблонные литералы (также известные как шаблонные строки).
Шаблонные литералы - это строковые литералы, которые позволяют вставлять выражения внутрь строки, используя синтаксис ${выражение}.
let quote = `He said, "I learned from freeCodeCamp!"`;
console.log(quote); // He said, "I learned from freeCodeCamp!"
При использовании шаблонных литералов вам не нужно использовать обратные косые черты для экранирования символов. Вместо этого вы просто обводите строку обратными знаками ( ).
Завершаем!
В этой статье вы узнали, как экранировать строку в JavaScript. Это поможет вам избежать использования символов Юникода для добавления кавычек и апострофов в строки.
Вы можете ознакомиться с более чем 180 моими статьями, посетив мой сайт. Вы также можете использовать поле поиска, чтобы узнать, написал ли я какую-то конкретную статью.