Строка — это последовательность из одного или нескольких символов, которая может включать цифры, буквы или специальные символы. Для доступа к каждому символу в JavaScript можно использовать индекс, для всех строк доступны методы и свойства.
В этом учебном модуле мы изучим разницу между примитивами строк и объектом String
, узнаем об индексации строк, доступе к символам в строке и общих свойствах и методах, используемых при работе со строками.
Для начала мы расскажем о двух типах строк. JavaScript различает примитив string, или неизменный тип данных, и объект String
.
Чтобы показать различия, мы инициализируем примитив строки и объект строки.
Для определения типа значения можно использовать оператор typeof
. В первом примере мы просто назначили строку переменной.
Outputstring
Во втором примере мы использовали new String()
для создания объекта строки и назначения его переменной.
Outputobject
Большую часть времени вы будете создавать примитивы строк. JavaScript обеспечивает возможность доступа и использования встроенных свойств и методов оболочки объекта String
без фактического изменения примитива строк, который мы создали в объекте.
Хотя эта концепция довольно сложная, вам следует понимать различия между примитивом и объектом. Методы и свойства доступны всем строкам, и JavaScript в фоновом режиме выполняет преобразование примитивов в объекты и обратно каждый раз, когда вызываются метод или свойство.
Каждому из символов в строке соответствует числовой индекс, начиная с 0
.
Для наглядности мы создадим строку со значением How are you?
.
H | o | w | a | r | e | y | o | u | ? | ||
---|---|---|---|---|---|---|---|---|---|---|---|
0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |
Первый символ этой строки — H
, ему соответствует индекс 0
. Последний символ — ?
, соответствующий символу 11
. У символов пробела также имеются индексы на позициях 3
и 7
.
Возможность доступа к каждому символу строки даст нам множество способов для работы со строками и совершения манипуляций с ними.
Мы продемонстрируем, как получить доступ к символам и индексам в строке How are you?
.
Используя обозначения в квадратных скобках, мы можем получить доступ к любому символу в строке.
Outputr
Также мы можем использовать метод charAt()
для возврата символа, используя числовой индекс в качестве параметра.
Outputr
Другой способ: мы можем использовать indexOf()
для возврата числового индекса для первого экземпляра символа.
Output1
Хотя “o” появляется в строке How are you?
дважды, метод indexOf()
выдаст результат для первого экземпляра.
lastIndexOf()
используется для поиска последнего экземпляра.
Output9
С помощью обоих этих методов также можно найти несколько символов в строке. Он возвращает индекс первого символа в экземпляре.
Output4
С другой стороны, метод slice()
возвращает символы между двумя числовыми индексами. Первым параметром будет начальный числовой индекс, а вторым — конечный числовой индекс.
Outputyou
Обратите внимание, что 11
соответствует ?
, но ?
не является частью вывода, поскольку метод slice()
возвращает символы между индексами, не включая последний параметр.
Если второй параметр не указывается, slice()
возвращает все символы от первого параметра до конца строки.
Outputyou?
Таким образом, charAt()
и slice()
возвращают значения строк по числовым индексам, а indexOf()
и lastIndexOf()
имеют противоположное действие, возвращая числовые индексы по заданным символам строки.
Свойство length
позволяет вывести количество символов в строке.
Output12
Помните, что свойство length
возвращает фактическое количество символов, начиная с 1, то есть, 12, а не последний числовой индекс диапазона, который начинается с 0
и заканчивается 11
.
Встроенные методы toUpperCase()
и toLowerCase()
можно использовать для форматирования и сравнения текста в JavaScript.
toUpperCase()
конвертирует все символы в верхний регистр.
OutputHOW ARE YOU?
toLowerCase()
конвертирует все символы в нижний регистр.
Outputhow are you?
Эти два метода форматирования не принимают дополнительных параметров.
Следует отметить, что эти методы не изменяют первоначальную строку.
В JavaScript имеется полезный метод разделения строк по символу и создания нового массива из полученных частей. Мы используем метод split()
для разделения массива по символу пробела, представленного " "
.
Output[ 'How', 'are', 'you?' ]
Теперь мы получили новый массив в переменной splitString
и можем получить доступ к каждому разделу с помощью числового индекса.
Outputare
Если указан пустой параметр, split()
создаст разделенный запятыми массив, содержащий все символы в строке.
Разделяя строки, вы можете определить, сколько слов содержится в предложении, или использовать метод для определения имен и фамилий людей.
Метод JavaScript trim()
удаляет пробелы с обоих концов строки, но не из промежутка между ними. Пробелами могут являться обычные пробелы или символы табуляции.
OutputHow are you?
Метод trim()
— это простой способ выполнения распространенной задачи по удалению лишних пробелов.
Мы можем использовать метод replace()
, чтобы найти в строке значение и заменить его новым значением. Первым параметром будет искомое значение, а вторым параметром — значение, которое его заменит.
OutputWhere are you?
Помимо замены значений в строках, мы также можем использовать регулярные выражения для расширения возможностей метода replace()
. Например, replace()
влияет только на первое значение, но мы можем использовать флаг g
(глобальный), чтобы найти все экземпляры значения, и флаг i
(без учета регистра), чтобы игнорировать регистр.
OutputJavaScript is a programming language. I'm learning JavaScript.
Это очень распространенная задача с использованием регулярных выражений. Посетите Regexr, чтобы потренироваться с другими примерами регулярных выражений.
Строки — один из самых распространенных типов данных, и с ними можно выполнять множество разных операций.
В этом учебном модуле мы изучили различия между примитивами строк и объектом String
, узнали об индексации строк и о том, как использовать встроенные методы и свойства строк для доступа к символам, форматирования текста, поиска и замены значений.
Более общий обзор строк можно найти в учебном модуле Работа со строками в JavaScript.
Thanks for learning with the DigitalOcean Community. Check out our offerings for compute, storage, networking, and managed databases.
This textbox defaults to using Markdown to format your answer.
You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!