10 строковых методов JavaScript, которые вы должны освоить сегодня
Программирование

10 строковых методов JavaScript, которые вы должны освоить сегодня

С помощью этих строковых методов JavaScript манипулировать символами становится проще

При программировании на JavaScript вы часто будете сталкиваться со сценариями, требующими манипулирования строками. Например, при получении сообщения электронной почты вам может понадобиться преобразовать все символы в строчные или использовать регулярное выражение для проверки того, удовлетворяет ли введенный пароль всем условиям

Строковые методы JavaScript помогут вам легко выполнить все эти операции над строкой в соответствии с вашими требованиями. Здесь приведены 10 строковых методов с примерами, которые помогут вам хорошо разобраться в них

Что такое строковые методы JavaScript?

Строки – это фундаментальная структура данных, состоящая из последовательности символов. Эта структура данных является частью всех основных языков программирования, включая Python, JavaScript, Java и другие

Методы строк – это предварительно созданные методы JavaScript, которые помогают разработчикам выполнять общие операции над строками без необходимости писать код вручную. Они запускаются с помощью точечных обозначений, прикрепленных к строковой переменной

Похожие: Что такое функция в программировании?

Поскольку это просто функции JavaScript, они всегда заканчиваются круглыми скобками, которые могут содержать необязательные аргументы. Прежде чем продолжить, необходимо знать, что такое JavaScript и как он работает. Давайте приступим и изучим эти методы более подробно

В качестве примера для предстоящих методов возьмем строковую переменную str со значением ‘ Добро пожаловать в MUO!

letstr ='Welcome to MUO!'

1.String.toLowerCase() и String.toUppperCase()

Метод toLowerCase() преобразует все символы заданной строки в строчный формат, и аналогично, метод toUpperCase() преобразует все символы в прописной формат. Эти функции не изменяют исходную строку

Синтаксис:

toUpperCase()
toLowerCase()

Давайте проверим эти два метода на коротком примере:

console.log(str.toLowerCase());
console.log(str.toUpperCase());
console.log(str);

При выполнении приведенного выше кода на консоли вы получите следующий результат:

'welcome to muo!'
'WELCOME TO MUO!'
'Welcome to MUO!'

2.String.concat()

Метод concat() используется для соединения двух или более строк вместе. Вы можете добавить один или несколько аргументов в этот метод, чтобы объединить их в одну строку. Он не вносит никаких изменений в исходную строку

Синтаксис:

concat(str1, str2, str3,.)

Вот пример, демонстрирующий конкатенацию двух строк для формирования новой строки:

letstr2 =' How are you?'
letnewString = str.concat(str2);
console.log(newString);
'Welcome to MUO! How are you?'

3.String.indexOf() и String.lastIndexOf()

Метод indexOf() помогает узнать первый индекс, в котором присутствует указанный символ или подстрока. Он начинает с левой стороны и прослеживает строку, чтобы проверить, совпадает ли заданный аргумент

Синтаксис:

indexOf(str)

Выясним на примере индекс, по которому MUO присутствует в строке:

console.log(str.indexOf('MUO'));
11

Если заданный аргумент отсутствует в строке, метод возвращает значение -1

console.log(str.indexOf('Hello'));
-1

Аналогично, метод lastIndexOf() возвращает индекс последнего вхождения заданного символа или строки. Вот пример:

console.log(str.lastIndexOf('e'));

Несмотря на то, что алфавит e появляется в индексе 1, последнее вхождение этого символа находится в индексе 6 и, следовательно, возвращается в качестве вывода

4.String.charAt()

Строковый метод charAt() возвращает символ по указанному индексу в строке. Он принимает только один аргумент – индекс, по которому должен быть получен символ. Значение индекса находится в диапазоне от 0 до length – 1

Синтаксис:

charAt(index)

Вот пример использования метода charAt() :

console.log(str.charAt());
console.log(str.charAt());
console.log(str.charAt(str.length -));


В приведенном выше примере, когда в качестве аргумента была передана str.length – 1 , метод возвращает последний символ строки. Если вы введете недопустимый индекс, выходящий за пределы допустимого диапазона, этот метод вернет -1

5.String.charCodeAt()

Подобно методу charAt, метод charCodeAt() возвращает ASCII-значение символа в указанном индексе. Этот строковый метод принимает только один аргумент – индекс, по которому должен быть получен символ

Синтаксис:

charCodeAt(index)
str.charCodeAt();
str.charCodeAt(str.length -);
109
33

Опять же, значение индекса находится в диапазоне от 0 до length – 1, и если вы попытаетесь передать индекс, выходящий за допустимые пределы, этот метод вернет -1

6.String.replace()

Как следует из названия, метод replace() помогает заменить одну часть строки на другую. Этот метод принимает два аргумента: первый – подстрока, которую нужно заменить, а второй – подстрока, на которую нужно заменить. Этот метод не вносит никаких изменений в исходную строку

Синтаксис:

replace(str1, str2)

Например, если вы хотите заменить слово MUO на this website в строковой переменной, вы можете использовать метод replace() следующим образом:

letnewString = str.replace('MUO''this website');
console.log(newString);
console.log(str);
Welcome tothiswebsite!
Welcome to MUO!

7.String.split()

Метод split() используется для разбиения всех слов или символов в строке в соответствии с аргументом-разделителем, переданным методу. Возвращаемый тип этого метода – массив. Этот массив состоит из всех символов или подстрок, разделенных в соответствии с заданным разделителем. Этот метод не изменяет исходную строку

Синтаксис:

split(separator)

Например, если в качестве аргумента-разделителя в метод split передать пробел (‘ ‘), то вывод будет выглядеть следующим образом:

letsplitArray = str.split(' ');
console.log(splitArray);
'Welcome''to''MUO!'

Если вы не передадите аргумент методу split() , он вернет массив с одним элементом, состоящим из значения вашей строковой переменной

letsplitArray = str.split();
console.log(splitArray);
'Welcome to MUO!'

8.String.substring()

Метод substring() используется для получения подстроки или части исходной строки. Этот метод принимает два параметра: начальный индекс и конечный индекс. Выводимая подстрока начинается с указанного начального индекса и печатается до конечного индекса – 1

Синтаксис:

substring(startIndex, endIndex)

Вот быстрый пример использования метода substring() :

console.log(str.substring());
'lcome'

Обратите внимание, что символ в конце индекса не является частью вывода

9.String.search()

Метод search() помогает найти определенную подстроку или символ внутри исходной строки. Этот метод принимает в качестве аргумента группу символов или подстроку и прослеживает строку. Если найдено совпадение, возвращается начальный индекс совпавшей части. В противном случае метод возвращает -1

Синтаксис:

search(substring)

Вы можете использовать метод search() таким образом:

console.log(str.search('MUO'));
console.log(str.search('2'));
11
-1

10.String.trim()

Метод trim() удаляет все белые пробелы в строке, перед первым символом и после последнего символа. Этот метод не требует передачи каких-либо параметров и не изменяет исходную строку. Он чрезвычайно полезен для валидации пользовательского ввода в формах

Синтаксис:

trim()

Давайте рассмотрим новый пример, чтобы изучить этот строковый метод:

letuntrimmedString =' Welcome to MUO! '
lettrimmedString = untrimmedString.trim();
console.log(trimmedString);
console.log(untrimmedString);
'Welcome to MUO!'
' Welcome to MUO! '

Другие методы JavaScript для проверки

Итак, это был краткий обзор некоторых распространенных строковых методов, которые могут помочь вам быть более продуктивным разработчиком JavaScript. Эти методы также помогут вам одержать верх на собеседованиях по кодированию в вопросах, связанных со строками. Практика делает совершенным, поэтому пробуйте эти методы в своей консоли

После того, как вы хорошо освоите строковые методы, возможно, стоит взглянуть на некоторые методы работы с массивами, которые могут еще больше улучшить ваше владение JavaScript

Об авторе

Алексей Белоусов

Привет, меня зовут Филипп. Я фрилансер энтузиаст . В свободное время занимаюсь переводом статей и пишу о потребительских технологиях для широкого круга изданий , не переставая питать большую страсть ко всему мобильному =)

Комментировать

Оставить комментарий