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

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

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

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

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

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

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

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

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

let str = "Добро пожаловать в MUO!"

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

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

Синтаксис:

toUpperCase ()
toLowerCase ()

Давайте проверим эти два метода на небольшом примере:

console.log (str.toLowerCase ());
console.log (str.toUpperCase ());
console.log (стр.);

Запустив приведенный выше код на консоли, вы получите следующий вывод:

"добро пожаловать в муо!"
"ДОБРО ПОЖАЛОВАТЬ В MUO!"
"Добро пожаловать в MUO!"

2. String.concat ()

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

Синтаксис:

concat (str1, str2, str3, ...)

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

let str2 = "Как дела?";
пусть newString = str.concat (str2);
console.log (newString);

"Добро пожаловать в MUO! Как дела?"

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

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

Синтаксис:

indexOf (str)

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

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

11

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

console.log (str.indexOf ('Привет'));

-1

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

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

6

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

4. String.charAt ()

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

Синтаксис:

charAt (индекс)

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

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

о
W
!

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

5. String.charCodeAt ()

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

Синтаксис:

charCodeAt (индекс)

str.charCodeAt (5);
str.charCodeAt (длина строки - 1);

109
33

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

6. String.replace ()

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

Синтаксис:

заменить (str1, str2)

Например, если вы хотите заменить слово MUO с участием этот сайт в строковой переменной вы можете использовать заменять() метод вроде этого:

let newString = str.replace («MUO», «этот сайт»);
console.log (newString);
console.log (стр.);

Добро пожаловать на этот сайт!
Добро пожаловать в MUO!

7. String.split ()

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

Синтаксис:

split (разделитель)

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

пусть splitArray = str.split ("");
console.log (splitArray);

['Добро пожаловать', 'в', 'MUO!']

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

пусть splitArray = str.split ();
console.log (splitArray);

['Добро пожаловать в MUO!']

8. String.substring ()

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

Синтаксис:

подстрока (startIndex, endIndex)

Вот краткий пример подстрока () метод:

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

"добро пожаловать"

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

9. String.search ()

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

Синтаксис:

поиск (подстрока)

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

console.log (str.search ("MUO"));
console.log (str.search ("2"));

11
-1

10. String.trim ()

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

Синтаксис:

отделка()

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

let untrimmedString = "Добро пожаловать в MUO! ";
пусть trimmedString = untrimmedString.trim ();
console.log (trimmedString);
console.log (untrimmedString);

"Добро пожаловать в MUO!"
"Добро пожаловать в MUO! "

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

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

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

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

Хотите разобраться в массивах JavaScript, но не можете с ними разобраться? Ознакомьтесь с нашими примерами массивов JavaScript для руководства.

Читать далее

Об авторе