10 Трюков со строками, которые должен знать каждый JavaScript разработчик

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

1. Разворот строки однострочником

Перевернуть строку можно с помощью простой комбинации методов:

const reverseString = str => str.split('').reverse().join('');
console.log(reverseString("hello")); // Вывод: "olleh"

2. Проверить, содержит ли строка другую строку

Используя includes, вы можете быстро проверить наличие подстрок:

const contains = str => str.includes("world");
console.log(contains("hello world")); // Вывод: true

3. Преобразуйте строку в регистр заголовка (Title case)

Сделать все слова заглавными буквами:

const toTitleCase = str => str.split(' ')
  .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
  .join(' ');
console.log(toTitleCase("javascript is good")); // Вывод: "Javascript Is Good"

4. Удаление пробелов с обоих концов

Обрежьте пробелы в начале и в конце с помощью trim:

const trimmed = "   hello world   ".trim();
console.log(trimmed); // Вывод: "hello world"

5. Повторение строки несколько раз

Легко повторить строку с помощью функции repeat:

const repeated = "hello ".repeat(3);
console.log(repeated); // Вывод: "hello hello hello "

6. Поиск вхождений подстроки

Подсчитать, сколько раз появляется подстрока:

const countOccurrences = (str, sub) => str.split(sub).length - 1;
console.log(countOccurrences("hello world, hello JavaScript", "hello")); // Вывод: 2

7. Удлинение строки до определенной длины

Используйте padStart или padEnd для добавления символов в строку:

const padded = "42".padStart(5, "0");
console.log(padded); // Вывод: "00042"

8. Заменить все вхождения подстроки

Замените каждое вхождение с помощью replaceAll:

const updatedString = "banana".replaceAll("a", "o");
console.log(updatedString); // Вывод: "bonono"

Для сред без replaceAll используйте глобальное регулярное выражение:

const updated = "banana".replace(/a/g, "o");

9. Извлечь только буквы или цифры

Используйте регулярное выражение для фильтрации определенных символов:

const onlyLetters = str => str.replace(/[^a-zA-Z]/g, '');
console.log(onlyLetters("a1b2c3")); // Вывод: "abc"

10. Преобразование строки в массив символов

Разбивает строку на отдельные символы:

const chars = [..."hello"];
console.log(chars); // Вывод: ['h', 'e', 'l', 'l', 'o']

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