В этом руководстве вы узнаете о строке JavaScript с помощью примеров.
Строка JavaScript - это примитивный тип данных, который используется для работы с текстами. Например,
const name = 'John';
Создать строки JavaScript
В JavaScript строки создаются путем заключения их в кавычки. Вы можете использовать кавычки тремя способами.
- Одиночные кавычки:
'Hello'
- Двойные кавычки:
"Hello"
- Обратные кавычки:
`Hello`
Например,
//strings example const name = 'Peter'; const name1 = "Jack"; const result = `The names are $(name) and $(name1)`;
Одинарные кавычки и двойные кавычки практически одинаковы, и вы можете использовать любые из них.
Обратные кавычки обычно используются, когда вам нужно включить переменные или выражения в строку. Это делается путем заключения переменных или выражений $(variable or expression)
в оболочку, как показано выше.
Вы также можете написать цитату внутри другой цитаты. Например,
const name = 'My name is "Peter".';
Однако цитата не должна совпадать с окружающими кавычками. Например,
const name = 'My name is 'Peter'.'; // error
Доступ к строковым символам
Вы можете получить доступ к символам в строке двумя способами.
- Один из способов - рассматривать строки как массив. Например,
const a = 'hello'; console.log(a(1)); // "e"
- Другой способ - использовать метод
charAt()
. Например,
const a = 'hello'; console.log(a.charAt(1)); // "e"
Строки JavaScript неизменяемы
В JavaScript строки неизменяемы. Это означает, что символы строки не могут быть изменены. Например,
let a = 'hello'; a(0) = 'H'; console.log(a); // "hello"
Однако вы можете присвоить имя переменной новой строке. Например,
let a = 'hello'; a = 'Hello'; console.log(a); // "Hello"
JavaScript чувствителен к регистру
JavaScript чувствителен к регистру. Это означает, что в JavaScript строчные и прописные буквы рассматриваются как разные значения. Например,
const a = 'a'; const b = 'A' console.log(a === b); // false
В JavaScript a
и A
рассматриваются как разные значения.
Многострочные строки JavaScript
Чтобы использовать многострочную строку, вы можете использовать +
оператор или оператор. Например,
// using the + operator const message1 = 'This is a long message ' + 'that spans across multiple lines' + 'in the code.' // using the operator const message2 = 'This is a long message that spans across multiple lines in the code.'
Длина строки JavaScript
Чтобы узнать длину строки, вы можете использовать встроенное length
свойство. Например,
const a = 'hello'; console.log(a.length); // 5
Строковые объекты JavaScript
Вы также можете создавать строки, используя new
ключевое слово. Например,
const a = 'hello'; const b = new String('hello'); console.log(a); // "hello" console.log(b); // "hello" console.log(typeof a); // "string" console.log(typeof b); // "object"
Примечание . Рекомендуется избегать использования строковых объектов. Использование строковых объектов замедляет работу программы.
Строковые методы JavaScript
Вот наиболее часто используемые методы JavaScript String:
Метод | Описание |
---|---|
charAt (индекс) | возвращает символ по указанному индексу |
concat () | объединяет две или более строк |
заменить () | заменяет строку другой строкой |
Трещина() | преобразует строку в массив строк |
substr (начало, длина) | возвращает часть строки |
подстрока (начало, конец) | возвращает часть строки |
срез (начало, конец) | возвращает часть строки |
toLowerCase () | returns the passed string in lower case |
toUpperCase() | returns the passed string in upper case |
trim() | removes whitespace from the strings |
includes() | searches for a string and returns a boolean value |
search() | searches for a string and returns a position of a match |
Example: JavaScript String Methods
const text1 = 'hello'; const text2 = 'world'; const text3 = ' JavaScript '; // concatenating two strings const result1 = text1.concat(' ', text2); console.log(result1); // "hello world" // converting the text to uppercase const result2 = text1.toUpperCase(); console.log(result2); // HELLO // removing whitespace from the string const result3 = text3.trim(); console.log(result3); // JavaScript // converting the string to an array const result4 = text1.split(); console.log(result4); // ("hello") // slicing the string const result5= text1.slice(1, 3); console.log(result5); // "el"
JavaScript String() Function
The String()
function is used to convert various data types to strings. For example,
const a = 225; // number const b = true; // boolean //converting to string const result1 = String(a); const result2 = String(b); console.log(result1); // "225" console.log(result2); // "true"
If you want to learn more about the string conversion, visit JavaScript Type Conversion.
Escape Character
You can use the backslash escape character to include special characters in a string. For example,
const name = 'My name is \'Peter\'.'; console.log(name);
Output
My name is 'Peter'.
In the above program, the same quote is included using .
Here are other ways that you can use :
Code | Output |
---|---|
" | include double quote |
\ | включить обратную косую черту |
п | новая линия |
р | возврат каретки |
v | вертикальная табуляция |
т | горизонтальная вкладка |
b | Backspace |
f | подача формы |