Строки JavaScript: строительные блоки для манипуляций с текстом
![](/static/storage/154959842218626937892340810664148226132.png)
Строки JavaScritpt — это фундаментальный тип данных, используемый для представления последовательностей символов. Он играет решающую роль в различных задачах веб-разработки: от отображения текста на странице до взаимодействия с вводом. Овладев строками и методами их манипулирования, вы сможете создавать динамические и интерактивные веб-приложения.
Создание строк
Существует несколько методов, которые можно использовать для создания строк в JavaScript. Существует два основных способа создания строки.
1. Строковые литералы
Заключается в одинарные (') или двойные кавычки (''").
let name = 'Alice';
2. Строковый конструктор
Менее распространен, но полезен для создания строки из других типов данных или выражений.
let message = new String('Hello, World!');
Я просто хочу сказать вам, что приведенный выше конструктор строк вернет вам Object
.
Основные строковые методы
JavaScript предлагает богатый набор методов для работы со строками. Вот некоторые из наиболее распространенных из них:
Извлечение символа
charAt(index)
: возвращает символ по указанному индексу (индексация с нуля).
let firstLetter = name.charAt(0); // 'A'
charCodeAt(index)
: возвращает код символа Юникода по указанному индексу.
let letterCode = message.charCodeAt(0); // 72 (code for 'H')
[] (index)
: аналогично charAt()
, но может использоваться со строковыми переменными, такими как массивы (строка рассматривается как массив символов).
let lastLetter = message[message.length - 1]; // '!'
Модификация строки
concat(string1, string2, ..., strings)
: объединяет строки в новую строку.
let fullName = name.concat(' ', lastName);
toUpperCase()
: преобразует строку в буквы верхнего регистра.
let allUpper = message.toUpperCase(); // 'HELLO, WORLD!'
toLowerCase()
: преобразует строку в строчные буквы.
let allLower = message.toLowerCase(); // 'hello, world!'
trim()
: удаляет начальные и конечные пробелы.
let trimmedMessage = message.trim(); // 'Hello, World!'(если был пробел)
Строковый поиск
indexOf(substring, fromIndex)
: возвращает индекс первого вхождения подстроки в строку или -1, если не найдена.
let index = message.indexOf('World'); // 7
lastIndexOf(substring, fromIndex)
: возвращает индекс последнего вхождения подстроки в строку или -1, если не найдена.
letlastIndex = message.lastIndexOf('l'); // 10
search(regexp)
: аналогично indexOf()
, но использует регулярное выражение для более сложного сопоставления.
let match = message.search(/\World$/); // 7 (matches 'World' at the end)
Извлечение строки
slice(start, end)
: извлекает часть строки и возвращает новую строку, начиная с индекса start
(включительно) и заканчивая индексом end
(исключительно).
let greeting = message.slice(0, 5); // 'Hello'
substring(start, end)
: аналогично slice()
, но позволяет начинать отрицательные индексы с конца. Потенциально менее интуитивное поведение.
let exclamation = message.substring(-1); // '!'(извлекает последний символ)
substr(start, length)
: устаревший метод с менее предсказуемым поведением, чем slice()
и substring()
. Избегайте использования его в современном JavaScript.
Другие полезные методы
replace(regexp/substr, newSubstr)
: заменяет вхождения подстроки или шаблона, определенного регулярным выражением, на новую подстроку.
let greetingReplaced = message.replace('Hello', 'Hi'); // 'Hi, World!'
match()
: метод получает результат сопоставления строки с регулярным выражением.
let greetingReplaced = message.match('/World/'); // ['World'].
Заключение
Понимание строк и их методов в JavaScript необходимо для эффективного манипулирования и обработки текста. В этом руководстве рассматриваются наиболее часто используемые методы, но объект String в JavaScript предоставляет еще больше возможностей для более сложных случаев использования. Овладев этими методами, вы сможете эффективно обрабатывать строки в своих программах JavaScript.