Метод JavaScript .repeat(): Удобство и применение

c0678d88 2158 4f5b 86b2 597cfad5827d HTML

Метод JavaScript .repeat() позволяет повторить строку ровно столько раз, сколько вам нужно. Этот метод может значительно упростить задачи, которые требуют дублирования строк.

Как это работает?

Метод .repeat() имеет один параметр, определяющий, сколько раз нужно повторить строку. Поскольку .repeat() является методом String.prototype, он доступен для любой строки. Пример:

"Hello world!".repeat() // ""
"Hello world!".repeat(1) // "Hello world!"
"Hello world!".repeat(2) // "Hello world!Hello world!"

Метод .repeat() возвращает новую строку, которая является оригинальной строкой, продублированной заданное количество раз.

Практическое применение

Метод .repeat() полезен не только для забавных экспериментов, но и для форматирования текста. Например:

console.log(`pizza${". ".repeat(10)}$1.99`);
console.log(`salad${". ".repeat(10)}$1.99`);
console.log(`beer${"$1.99".padStart(26, ". ")}`);

// Output:
// pizza. . . . . . . . . . $1.99
// salad. . . . . . . . . . $1.99
// beer. . . . . . . . . . .$1.99

Сравнение .repeat() и .padStart()

Хотя методы .repeat() и .padStart() имеют схожие функции, их использование отличается:

  • .repeat(): Повторяет строку заданное количество раз.
  • .padStart(): Добавляет заданное количество символов (по умолчанию пробел) в начале строки до достижения нужной длины.

Пример использования .padStart():

console.log("beer".padStart(10, ". ")); // ". . . .beer"

Заключение

Метод .repeat() удобен для повторения строк, особенно при форматировании текста. Он поддерживает эмодзи, что позволяет создавать забавные и необычные сообщения. Однако, если вам нужна поддержка старых версий браузеров, стоит использовать полифилы или цикл for, так как .repeat() появился только в ES2015.

Полифил для старых браузеров

Если вам нужно использовать .repeat() в старых браузерах, можно использовать следующий полифил:

function repeat(string, times) {
var output = "";
for (var i = 0; i < times; i++) {
output += string;
}
return output;
}

console.log(repeat("Hello world!", 2)); // "Hello world!Hello world!"

Этот полифил позволяет повторять строку, даже если метод .repeat() недоступен.

Дополнение: Поддержка эмодзи

Интересной особенностью метода .repeat() является поддержка эмодзи, что открывает широкие возможности для создания ярких и запоминающихся сообщений:

console.log("🎉".repeat(10)); // 🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉

Таким образом, метод .repeat() является мощным инструментом для работы со строками в JavaScript, предлагая простоту и гибкость в использовании.

Оцените статью