Sign in Subscribe
Javascript

Ulangi Teks Sesuka Hati dengan Fungsi String Repeat di JavaScript

Ulangi Teks Sesuka Hati dengan Fungsi String Repeat di JavaScript
Photo by Joanjo Pavon / Unsplash

Pernah nggak sih kamu kepikiran untuk mengulangi sebuah teks atau string tertentu tanpa perlu mengetiknya berkali-kali? Misalnya, membuat deretan teks seperti "Hello! Hello! Hello!" dengan cara yang simpel. Nah, di JavaScript, ada fungsi keren yang bisa kamu gunakan untuk itu, namanya String.repeat().

Fungsi ini adalah salah satu cara paling praktis untuk mengulangi string dalam jumlah tertentu. Yuk, kita bahas lebih dalam tentang bagaimana cara kerja repeat() dan apa saja yang bisa kamu lakukan dengannya.

Apa Itu Fungsi String.repeat()?

Fungsi String.repeat() adalah metode bawaan JavaScript yang digunakan untuk mengulangi string sebanyak jumlah tertentu. Hasilnya adalah string baru yang berisi string awal yang telah diulang.

Sintaks:

string.repeat(n)
  • string: Teks atau string yang ingin diulang.
  • n: Jumlah pengulangan (harus berupa angka positif atau nol).

Cara Menggunakan repeat()

Contoh Sederhana

Misalnya, kamu punya string "Halo" dan ingin mengulanginya 3 kali. Berikut caranya:

let teks = "Halo";
let hasil = teks.repeat(3);
console.log(hasil);

Output:

HaloHaloHalo

Mudah, kan? Fungsi ini akan menggabungkan string sebanyak jumlah yang kamu tentukan tanpa spasi di antaranya.

Mengatur Pemisah Antar Pengulangan

Kalau kamu ingin ada spasi atau karakter lain di antara setiap pengulangan, kamu bisa memanfaatkan string tambahan sebelum memanggil repeat().

Contoh:

let teks = "Halo ";
let hasil = teks.repeat(3);
console.log(hasil);

Output:

Halo Halo Halo

Apa yang Terjadi Jika n adalah Nol?

Jika kamu menetapkan nilai n ke 0, maka hasilnya adalah string kosong. Contohnya:

let teks = "Halo";
let hasil = teks.repeat(0);
console.log(hasil);

Output:

"" (string kosong)

Error yang Perlu Dihindari

Fungsi repeat() memiliki beberapa aturan. Jika kamu melanggarnya, programmu bisa menghasilkan error.

Bukan Angka
Jika nilai n bukan angka (atau bisa dikonversi menjadi angka), akan muncul error juga:

let teks = "Halo";
let hasil = teks.repeat("tiga"); // Error!

Output:

RangeError: Invalid count value

Nilai Negatif
Nilai n harus angka positif atau nol. Kalau nilainya negatif, akan muncul error seperti ini:

let teks = "Halo";
let hasil = teks.repeat(-1); // Error!

Output:

RangeError: Invalid count value

Contoh Aplikasi repeat() dalam Dunia Nyata

1. Membuat Garis Pemisah

Ingin membuat garis pemisah di konsol atau tampilan website? Gunakan repeat() untuk membuat garis panjang:

let garis = "-".repeat(50);
console.log(garis);

Output:

--------------------------------------------------

2. Membuat Pola Teks

Buat pola sederhana seperti tangga dengan memanfaatkan pengulangan string:

for (let i = 1; i <= 5; i++) {
    console.log("*".repeat(i));
}

Output:

*
**
***
****
*****

3. Mengulangi Elemen HTML

Kamu juga bisa menggunakan repeat() untuk mengulangi elemen tertentu dalam HTML:

let divs = "<div>Item</div>".repeat(3);
document.body.innerHTML = divs;

Hasilnya, akan muncul 3 elemen <div> di halamanmu.

Kapan Harus Menggunakan repeat()?

  • Membuat teks atau pola berulang: Cocok untuk tugas seperti menambahkan elemen berulang dalam tampilan.
  • Debugging: Saat kamu ingin memisahkan log di konsol dengan garis pemisah.
  • Membuat template sederhana: Mengisi elemen atau struktur berulang.

Kesimpulan

Fungsi String.repeat() adalah alat yang sederhana tetapi sangat berguna dalam JavaScript. Dengan hanya satu baris kode, kamu bisa mengulangi teks sesuai kebutuhanmu. Baik itu untuk membuat pola, garis pemisah, atau sekadar mencetak teks berulang, fungsi ini wajib kamu kuasai sebagai developer.

Read next