JS метод String.repeat()


Загальний опис

Метод String.prototype.repeat() - це потужний інструмент, який дозволяє легко і ефективно створювати повторювані рядки. Цей метод приймає один аргумент - число, яке визначає, скільки разів потрібно повторити початковий рядок. Його основна суть полягає в здатності швидко генерувати повторення заданого рядка, що є особливо корисним для створення шаблонів, формування візуальних ефектів у консолі, або при побудові динамічних рядків в програмах.

Для початку використання repeat(), вам просто потрібно викликати цей метод на рядковому літералі або змінній, яка містить рядок, передавши кількість повторів як аргумент. Наприклад:

let str = "Привіт ";
console.log(str.repeat(3)); // Виведе "Привіт Привіт Привіт "

Метод repeat() може бути застосований у складніших сценаріях. Наприклад, ви можете використовувати його для створення текстових малюнків або спеціальних розділових ліній у консолі:

console.log("*".repeat(10)); // Створить рядок з 10 зірочок: "**********"

Важливо знати, що repeat() кидає помилку, якщо аргумент є від'ємним числом або якщо результатом повторення є дуже довгий рядок, що перевищує максимально допустиму довжину рядка. Крім того, якщо аргумент не є цілим числом, він буде округлений до найближчого цілого числа.

Наприклад, спроба повторити рядок від'ємну кількість разів призведе до помилки:

let str = "oops";
console.log(str.repeat(-1)); // Кине помилку
автор: Bond

Порада

String.prototype.repeat() можна ефективно використовувати з іншими методами обробки рядків. Наприклад, ви можете спочатку створити повторюваний рядок, а потім використовувати .toUpperCase() для його перетворення в верхній регістр. Це може бути корисно для створення візуально виділених розділів у тексті.

автор: Bond
Порада

Цей метод може бути особливо корисним під час розробки та тестування. Наприклад, якщо вам потрібно створити рядок певної довжини для перевірки функціональності вашого програмного забезпечення, String.prototype.repeat() дозволяє це зробити швидко та легко. Це може бути використано для імітації довгих імен користувачів, повідомлень чи інших текстових даних.

автор: Bond
Нотатка

Метод String.prototype.repeat() може бути корисним для створення розділювачів у вашому коді. Наприклад, якщо вам потрібно вивести рядок, який складається з певної кількості дефісів або інших символів, ви можете використовувати цей метод. Використання '-' .repeat(10) створить рядок із 10 дефісів, що є корисним для оформлення виводу.

автор: Bond
Нотатка

Пам'ятайте, що використання дуже великих чисел як аргументу для методу String.prototype.repeat() може призвести до великого споживання пам'яті та можливих помилок виконання. Якщо вам потрібно створити дуже довгий рядок, краще перевірити можливі обмеження пам'яті вашої системи.

автор: Bond

Синтаксис

repeat(count)

Параметри

count

Ціле число в межах від 0 до +∞, що вказує кількість разів, яку потрібно повторити рядок.

автор: Bond

Повернення

string

Повертає новий рядок, який містить вказану кількість копій початкового рядка.

Якщо переданий аргумент дорівнює 0 або є від'ємним числом, метод повертає порожній рядок. Зверніть увагу, що результатом завжди буде рядок, навіть якщо оригінальний рядок був порожнім.

автор: Bond

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
41 24 9 28 12
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
41 36 24 9
Підтримка: серверні переглядачі
Переглядач Node.js Deno
4.0.0 1.0

Приклади

+ запропонувати свій приклад у пісочниці

У цьому прикладі ми демонструємо базове використання методу String.prototype.repeat(). Метод repeat() використовується для створення нового рядка, який складається з кількох копій вихідного рядка, заданих у параметрі. Це може бути корисно для генерації повторюваного змісту.

// Визначення рядка
let hello = "Привіт! ";

// Повторення рядка 3 рази
let repeatedString = hello.repeat(3);

console.log(repeatedString);
// Виведе: "Привіт! Привіт! Привіт! "
автор: Bond

Цей приклад дозволяє користувачам ввести рядок та кількість повторів, а потім виводить результат повторення рядка. Кнопка викликає функцію repeatString(), яка бере значення з текстових полів і використовує метод repeat() для створення нового рядка. Результат відображається на сторінці.

автор: Bond

У цьому складнішому прикладі ми використовуємо String.prototype.repeat() для створення простої текстової "піраміди". Такий підхід можна використовувати для візуалізації даних або створення простих текстових візуальних ефектів.

// Функція для створення текстової піраміди
function createPyramid(height) {
  for (let i = 1; i <= height; i++) {
    // Створення пробілів перед символами
    let spaces = ' '.repeat(height - i);
    // Повторення символа '*' для кожного рівня піраміди
    let stars = '*'.repeat(i * 2 - 1);

    console.log(spaces + stars);
  }
}

// Виклик функції з висотою піраміди 5
createPyramid(5);
автор: Bond

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід