При изучении JaveScript или любого другого языка программирования вы столкнетесь с ключевым словом или термином строка.
Строка представляет собой текстовые данные, которые являются основополагающей частью многих приложений. Вы также можете использовать строки для взаимодействия с пользователями через подсказки, предупреждения и другие формы пользовательского ввода и вывода.
В этой статье вы узнаете, что такое строка, как она работает в JavaScript, как создать строку и как убрать кавычки и апострофы в строках.
Оглавление
Что такое строка в JavaScript?
В JavaScript строка - это тип данных, представляющий последовательность символов, которая может состоять из букв, цифр, символов, слов или предложений.
Мы используем строки для представления текстовых данных и определяем их с помощью одинарных кавычек (’), двойных кавычек (”) или обратных знаков (“):
let name1 = 'John Doe';
let name2 = "John Doe";
let name3 = `John Doe`;
В приведенном выше примере у вас есть три строки, назначенные разным переменным. Чтобы убедиться, что все они являются строками, вы можете проверить тип переменной:
console.log(typeof(name1)); // string
console.log(typeof(name2)); // string
console.log(typeof(name3)); // string
Важно знать, что в JavaScript строки являются неизменяемыми. Это означает, что после создания строки ее содержимое не может быть изменено.
Вместо этого вы должны создать новую строку, представляющую измененную версию, когда хотите изменить строку.
Например, если строка назначена переменной, вы не можете ее изменить. Вместо этого вы создадите новую строку и присвоите ее той же переменной следующим образом:
let name = "John Doe";
name = "Jane Doe";
Это означает, что исходная строка “John Doe” по-прежнему существует в памяти, но имя переменной теперь ссылается на новую строку “Jane Doe”.
Строки в JavaScript можно преобразовывать и обрабатывать различными способами, например, преобразовывать их в верхний или нижний регистр, извлекать подстроки, искать определенные символы или последовательности, сравнивать строки для определения их равенства.
Эти возможности делают строки универсальным и мощным инструментом для разработчиков. Они имеют ряд встроенных методов и свойств, которые позволяют разработчикам манипулировать строками и работать с ними. Давайте рассмотрим некоторые из них.
Конкатенация строк в JavaScript
В JavaScript конкатенация строк объединяет две или более строк в одну строку с их переменными. Это можно сделать с помощью оператора +, как показано в примере ниже:
let firstName = "John";
let lastName = "Doe";
let fullName = firstName + " " + lastName;
console.log(fullName); // John Doe
В этом примере вы добавляете между ними пустую строку (” ”), чтобы создать пространство между обеими строками. Другим способом объединения строк в JavaScript является использование метода concat(), который доступен для каждого строкового объекта. Например:
let firstName = "John";
let lastName = "Doe";
let fullName = firstName.concat(" ", lastName);
console.log(fullName); // John Doe
Конкатенация строк в JavaScript с помощью шаблонных литералов
В JavaScript для конкатенации строк можно также использовать шаблонные литералы. Шаблонный литерал - это специальный тип строки, который вы определяете с помощью обратных знаков (“) вместо кавычек (’’ или “’).
Шаблонные литералы могут содержать выражения, которые оцениваются (например, переменные) и конкатенируются с окружающим текстом, как показано в примере ниже:
let firstName = "John";
let lastName = "Doe";
let fullName = `${firstName} ${lastName}`;
console.log(fullName); // John Doe
Шаблонные литералы обеспечивают лаконичный и удобный для чтения способ конкатенации строк и вставки выражений в строки. Они также поддерживают перевод строки и другие специальные символы, что делает их гибким инструментом для работы со строками в JavaScript.
Как экранировать кавычки и апострофы в строках
В JavaScript, если вам нужно включить кавычки или апострофы в строку, вы должны экранировать их с помощью обратной косой черты (), поскольку в противном случае будет выдана ошибка, как показано ниже:
let quote = "He said, "I learned from igorlov.ru!"";
Это приведет к возникновению следующей ошибки:
Uncaught SyntaxError: Unexpected identifier 'I'
Чтобы исправить это, вы можете использовать противоположный тип кавычек. Например, если ваша цитата имеет двойную кавычку, то оберните вашу строку одинарной кавычкой и наоборот:
let quote="He said, "I love JavaScript!"";
let apostrophe = "It's a beautiful day";
Подробнее о том, как экранировать строки в JavaScript, вы можете узнать из этой статьи.
Как преобразовать строку в верхний или нижний регистр с помощью JavaScript
В JavaScript вы можете преобразовать строку в верхний или нижний регистр с помощью методов toUpperCase() и toLowerCase() соответственно. Эти методы возвращают новую строку со всеми символами в верхнем или нижнем регистре, как показано в примере ниже:
let myString = "Welcome to igorlov!";
let upperCaseString = myString.toUpperCase();
let lowerCaseString = myString.toLowerCase();
console.log(upperCaseString); // "WELCOME TO IGORLOV!"
console.log(lowerCaseString); // "welcome to igorlov!"
Обратите внимание, что эти методы не изменяют исходную строку, а возвращают новую строку с нужным регистром. Исходная строка остается неизменной, поскольку строки неизменяемы.
Подведем итоги!
Важно, чтобы вы знали, что в JavScript есть и другие возможности для работы со строками, но эта статья является базовым введением в строки, как они работают и как их можно использовать для простых операций.
Вы можете изучить методы строк, чтобы узнать, как манипулировать строками.
Вы можете ознакомиться с более чем 180 моими статьями, посетив мой сайт. Вы также можете использовать поле поиска, чтобы узнать, написал ли я определенную статью.