3. Тип данных String. Его особенности, свойства, методы. Строковые шаблоны.

В JavaScript любые текстовые данные являются строками. Не существует отдельного типа «символ», который есть в ряде других языков. Внутренним форматом строк, вне зависимости от кодировки страницы, является 16-разрядный Юникод (Unicode).

Создание строк

Строки создаются при помощи двойных или одинарных кавычек:

let text = "моя строка";

let anotherText = 'еще строка';

Специальные символы

Строки могут содержать специальные символы. Самый часто используемый из таких символов – это «перевод строки».

Есть и более редкие символы, вот их список:

Специальные символы
Символ	Описание
\b	Backspace
\f	Form feed
\n	New line
\r	Carriage return
\t	Tab
\uNNNN	Символ в кодировке Юникод с шестнадцатеричным кодом `NNNN`. Например, `\u00A9` - юникодное представление символа копирайт ©

Экранирование специальных символов

Экранирование служит исключительно для правильного восприятия строки JavaScript. В памяти строка будет содержать сам символ без '\'.

\0 — ноль-символ

\' — одинарная кавычка

\" — двойная кавычка

\\ — обратный слэш

\b — забой

\f — разрыв страницы

\n — новая строка

\r — возврат каретки

\t — табуляция

\v — вертикальная табуляция

\uFFFF (4 шестнадцатеричных цифры) — символ по Unicode-коду

\u{F} … \u{FFFFFF} — расширенный юникод

\xFF — символ по коду ASCII Latin-1

Многострочность

Строка однострочная. Для многострочной можно в конце поставить «`\`» (перевод строки игнорируется):

'Пример текста\

занимающего две строки'

=== 'Пример текста занимающего две строки' // true

Или использовать шаблоны (перевод строки учитывается):

`Пример текста

занимающего две строки`

=== 'Пример текста\nзанимающего две строки' // true

Операции

Объединение строк — оператор «+»:

'Hello' + ' world' // 'Hello world'

Сравнение происходит побуквенно по алфавиту (таблице символов):

'abc' === 'abc'

'abc' === 'a' + 'b' + 'c'

'a' < 'b' // true

'c' < 'b' // false

'abcd' < 'abcd' // false

'abcd' < 'abdc' // true

Методы и свойства

Свойство length

Одно из самых частых действий со строкой – это получение ее длины:

‘text’.length; // 4

Доступ к символам

charAt( index: number ): string

— получить символ в заданной позиции (от нуля). Если запрошенная позиция выходит за пределы строки, вернётся пустая строка.

'text'.charAt( 1 ); // 'e'

'text'.charAt( -1 ); // ''

'text'.charAt( 10 ); // ''

'text'.charAt( 0 ); // 't'

Также для доступа к символу можно использовать квадратные скобки:

‘text’ [0]; // "t"

Разница между этим способом и charAt заключается в том, что если символа нет – charAt выдает пустую строку, а скобки – undefined:

"".charAt(0); // пустая строка

"" [0]; // undefined