Строковые методы, которые нужно знать в JavaScript

Работа со строками без знания методов станет кошмаром для разработчиков.

Чтобы избавиться от этих кошмаров, нам нужно знать самые важные свойства и методы строк в JavaScript.

Давайте рассмотрим их один за другим.

Оглавление

длина

Свойство length возвращает длину строки.

const company = "toadmin.ru";

console.log(company.length);

toUpperCase()

Метод toUpperCase переводит каждый символ строки в верхний регистр и возвращает его. Это не изменяет исходную строку.

const company = "toadmin.ru";

const upperCaseCompany = company.toUpperCase();

console.log(upperCaseCompany);

в нижний регистр()

Метод toLowerCase переводит каждый символ строки в нижний регистр и возвращает его. Это не изменяет исходную строку.

const company = "toadmin.ru";

const lowerCaseCompany = company.toLowerCase();

console.log(lowerCaseCompany);

подрезать()

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

const company = "         Geek   Flare           ";

console.log(company);
console.log(company.trim());

charAt(индекс)

Метод charAt возвращает символ по заданному индексу. Он возвращает пустую строку, если индекс недействителен.

const company = "toadmin.ru";

console.log(company.charAt(2));
console.log(company.charAt(10));

charCodeAt (индекс)

Метод charCodeAt возвращает код ASCII символа по заданному индексу. Он возвращает NaN, если индекс недействителен.

const company = "toadmin.ru";

console.log(company.charCodeAt(2));
console.log(company.charCodeAt(10));

срез (начальный индекс, конечный индекс)

Метод slice возвращает подстроку из строки от startIndex до endIndex (не включая). string.slice(0, 6) возвращает подстроку от 0-го индекса до 5-го индекса.

const company = "toadmin.ru";

console.log(company.slice(0, 4));

Метод slice также принимает аргумент sing. Если вы передадите один аргумент методу slice, то он вернет подстроку от заданного индекса до конца строки.

const company = "toadmin.ru";

console.log(company.slice(4));

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

Для данной строки toadmin.ru отрицательные индексы равны

Г = -9, е = -8, е = -7, к = -6

и так далее…

Код string.slice(-9, -5) вернет Geek для приведенного выше примера.

const company = "toadmin.ru";

console.log(company.slice(-9, -5));

Код string.slice(-5) вернет Flare для приведенного выше примера.

const company = "toadmin.ru";

console.log(company.slice(-5));

Примечание. Отрицательное индексирование не работает в IE8 и более ранних версиях.

substr(startIndex, длина)

Метод substr аналогичен методу slice. Единственное отличие состоит в том, что метод substr принимает длину подстроки, которую необходимо извлечь из исходной строки.

const company = "toadmin.ru";

console.log(company.substr(4, 5));

Существует еще один метод, называемый подстрокой, который похож на метод среза. Но подстрока метода не будет принимать отрицательные индексы. Попробуйте.

заменить (подстрока, новая подстрока)

Метод replace заменяет первый экземпляр подстроки на newSubString.

const statement = "Visit the site Google";

console.log(statement.replace("Google", "toadmin.ru"));

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

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

const company = "toadmin.ru";

console.log(company.indexOf("Flare"));
console.log(company.indexOf("O"));

Метод indexOf примет второй аргумент, который является индексом, с которого начинается поиск данной подстроки.

const company = "toadmin.ru";

console.log(company.indexOf("e"));
console.log(company.indexOf("e", 5));

Существует еще один метод, называемый lastIndexOf, который похож на метод indexOf. Единственное отличие состоит в том, что метод lastIndexOf ищет символ с конца строки и возвращает индекс первого экземпляра символа. Попробуйте использовать код company.lastIndexOf(‘e’).

разделить (подстрока)

Метод split разбивает заданную строку на подстроку и возвращает части в виде массива.

const statement = "Visit, the, site, toadmin.ru";

console.log(statement.split(" "));
console.log(statement.split(", "));

Вывод

Это не конец. Изучите оставшиеся методы строк из документации. Могут быть и другие методы, полезные в конкретных случаях.

Ищите и используйте их в своем конкретном, если он не указан здесь.

Удачного кодирования 🙂

Далее изучите некоторые популярные фреймворки JavaScript.