10 полезных приемов работы со строками JavaScript

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

1. Переворот строки (string) в одной строке (line)

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

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. Преобразование строки в заглавный регистр

Вот как можно написать с большой буквы каждое слово в строке:

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

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. В результате ваш код станет чище, быстрее и эффективнее. Экспериментируя с приведенными здесь методами, вы вскоре откроете для себя еще больше способов манипулирования строками без особых усилий.

Читайте также:

• Пишем и сравниваем приложения Todo на JavaScript и Gleam
• Введение в Page Visibility API
• Искусство манипулирования массивами JavaScript: исследование метода Array.prototype.filter()

Читайте нас в Telegram, VK и Дзен

---

Перевод статьи habtesoft: 10 JavaScript String Tricks Every Developer Should Know