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

27 июня, 2021 Дядя Влад

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

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

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

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

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

Связанный: Что такое функция в программировании?

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

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

 let str = "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, ...)

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

 let str2 = " How are you?";
 let newString = 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'));

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

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

-1

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

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

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

4. String.charAt ()

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

Синтаксис:

 charAt(index)

Вот пример метода charAt () :

 console.log(str.charAt(9));
 console.log(str.charAt(0));
 console.log(str.charAt(str.length - 1));

 o
 W
 !

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

5. String.charCodeAt ()

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

Синтаксис:

 charCodeAt(index)

 str.charCodeAt(5);
 str.charCodeAt(str.length - 1);

 109
 33

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

6. String.replace ()

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

Синтаксис:

 replace(str1, str2)

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

 let newString = str.replace("MUO", "this website");
 console.log(newString);
 console.log(str);

 Welcome to this website!
 Welcome to MUO!

7. String.split ()

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

Синтаксис:

 split(separator)

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

 let splitArray = str.split(" ");
 console.log(splitArray);

 ['Welcome', 'to', 'MUO!']

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

 let splitArray = str.split();
 console.log(splitArray);

 ['Welcome to MUO!']

8. String.substring ()

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

Синтаксис:

 substring(startIndex, endIndex)

Вот быстрый пример метода substring () :

 console.log(str.substring(2,8));

 "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()

Давайте рассмотрим новый пример для изучения этого строкового метода:

 let untrimmedString = " Welcome to MUO! ";
 let trimmedString = untrimmedString.trim();
 console.log(trimmedString);
 console.log(untrimmedString);

 "Welcome to MUO!"
 " Welcome to MUO! "

Дополнительные методы JavaScript для проверки

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

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