Bagaimana Mengulang Sesuatu di JavaScript?

Bagaimana Mengulang Sesuatu Di Javascript



Pengulangan terkadang diperlukan untuk membangun halaman web yang dinamis dan interaktif. Pengulangan dalam JavaScript menyediakan banyak fitur seperti otomatisasi tugas, pengembangan aplikasi web yang fleksibel/dinamis, peningkatan pengalaman pengguna, dan banyak lagi. Pengulangan dapat dilakukan dalam JavaScript menggunakan berbagai metode.

Artikel ini membahas berbagai metode bagaimana sesuatu dapat diulang dalam JavaScript.

Bagaimana Mengulang Sesuatu di JavaScript?

Sebuah string dapat diulang dalam JavaScript dengan cara berikut:







Mari kita lihat setiap metode secara mendetail.



Metode 1: Ulangi Sesuatu di JavaScript Menggunakan While Loop

Ketika ” adalah pernyataan aliran kontrol dalam JavaScript yang dijalankan berulang kali dalam kondisi tertentu. Kondisi tersebut diperiksa sebelum setiap iterasi. Perulangan while berjalan hingga kondisinya akurat. Ketika kondisinya salah, perulangan berhenti dijalankan. Kode berikut mengilustrasikan proses pengulangan dalam JavaScript menggunakan perulangan while:



DOCTYPEhtml >

< html >

< naskah >

pengulangan fungsi ( str, hitung ) {

biarkan rpt_Str = ' ' ;

ketika ( menghitung > 0 ) {

rpt_Str += str ;

menghitung --;

}

kembali rpt_Str ;

}

dokumen. menulis ( mengulang ( ' TAYLOR ' , 6 ) ) ;

naskah >

html >

Dalam contoh di atas:





  • Fungsi repeat() didefinisikan di dalam tag skrip dengan parameter “str”, dan “count”.
  • Selanjutnya, kita mendefinisikan string kosong “rpt_str” dan memulai perulangan while dengan syarat hitungannya tetap lebih besar dari 0.
  • “rpt_str” berisi nilai “str” dan perulangan while beroperasi kecuali kondisinya tidak benar lagi. Dalam hal ini nilai hitungannya adalah 6 sehingga string akan dicetak sebanyak 6 kali.

Keluaran

Senar “TAYLOR” akan diulang sebanyak 6 kali yang setara dengan hitungan:



Metode 2: Ulangi Sesuatu di JavaScript Menggunakan ES6 repeat()

ES6 mengulang() dapat digunakan untuk mengulang string dalam JavaScript. Sebuah string dikembalikan yang memiliki duplikat tertentu saat dipanggil. Berikut adalah contoh kode yang menunjukkan bagaimana kita dapat mengulang sebuah string menggunakan repeat():

DOCTYPEhtml >

< html >

< naskah >

fungsi rpt_str ( str,hitung ) {

jika ( menghitung > 0 )

kembali str. mengulang ( menghitung ) ;

kalau tidak

kembali '' ;

}

dokumen. menulis ( rpt_str ( 'JavaScript' , 5 ) ) ;

naskah >

html >

Dalam kode di atas,

  • Fungsi “rpt_str()” didefinisikan dengan parameter str dan count.
  • Nilai str ditetapkan sebagai “JavaScript” yang akan berulang sesuai dengan nilai yang ditetapkan untuk dihitung.

Keluaran

Dalam contoh ini, nilai yang ditetapkan untuk menghitung adalah 5 sehingga fungsi repeat() akan mengulangi JavaScript sebanyak 5 kali:

Metode 3: Ulangi Sesuatu di JavaScript Menggunakan Rekursi

Rekursi memungkinkan suatu fungsi memanggil dirinya sendiri secara berulang-ulang kecuali ia mendapatkan hasil yang diinginkan. Dalam rekursi, kasus utama/dasar harus ditentukan untuk mengakhiri rekursi. Ini secara konvensional berada dalam klausa bersyarat. Fungsi rekursif beroperasi dengan memanggil dirinya sendiri secara berulang-ulang hingga kita mendapatkan hasil yang diinginkan. Contoh berikut membantu memahami metode rekursi untuk melakukan pengulangan dalam JavaScript:

! DOCTYPEhtml >

< html >

< naskah >

fungsi rpt_str ( str,hitung ) {

jika ( menghitung < 0 )

kembali '' ;

jika ( menghitung === 1 )

kembali str ;

kalau tidak

kembali str + rpt_str ( str, hitung - 1 ) ;

}

dokumen. menulis ( rpt_str ( ' KODE ' , 7 ) ) ;

naskah >

html >

Dalam kode di atas:

  • Fungsi “rpt_str()” didefinisikan dengan parameter “str” dan “count”.
  • Jika nilai hitungan kurang dari 0, string kosong akan dikembalikan. Jika nilai count adalah 1, maka akan mengembalikan str dan jika nilai str lebih besar dari 1, fungsi akan menggabungkan nilai input str dengan hasil dari rpt_str(str, count – 1).
  • Disini nilai str adalah “CODE” dan nilai count adalah 7 maka string yang diulang akan mencetak CODE sebanyak 7 kali.

Keluaran:

Metode 4: Ulangi Sesuatu di JavaScript Menggunakan Fungsi fill()

JavaScript menawarkan a mengisi() metode yang memungkinkan kita mengisi array dengan nilai statis. Ini dapat digunakan dengan fungsi join() untuk mengulangi sesuatu dalam JavaScript. Misalnya, nilai string dapat dimasukkan ke dalam array kosong menggunakan fungsi fill() dan digabungkan dengan fungsi join() untuk mendapatkan string berulang. Berikut adalah contoh kode yang menunjukkan bagaimana Anda dapat mengulang string dengan fungsi fill():

< html >

< tubuh >

< naskah >

biarkan str = ' PALING DEPAN '

biarkan rpt_str = Himpunan ( 5 ) . mengisi ( str ) . bergabung ( '' )

dokumen. menulis ( rpt_str ) ;

naskah >

tubuh >

html >

Dalam contoh di atas:

  • Variabel str didefinisikan dan diberi nilai “ FRONTEND ”.
  • Fungsi Array(5) akan membuat 5 slot dimana string akan diisi dan digabungkan menjadi satu membentuk string berulang. Nilainya disimpan dalam variabel “rpt_str”.
  • document.write(rpt_str) akan mencetak string yang diulang.

Keluaran

Saat menjalankan kode, string “FRONTEND” akan diulang sebanyak 5 kali:

Itu semua tentang mengulang sesuatu dalam JavaScript menggunakan metode yang berbeda.

Kesimpulan

Metode umum untuk mengulang sesuatu di JavaScript adalah menggunakan fungsi ES6 repeat() yang mengambil parameter tertentu yang menunjukkan jumlah iterasi elemen. Metode lain seperti menggunakan perulangan while, fungsi rekursif, atau metode fill(). Artikel ini menjelaskan berbagai cara mengulangi sesuatu dalam JavaScript beserta contohnya.