Artikel ini membincangkan kaedah yang berbeza tentang cara sesuatu boleh diulang dalam JavaScript.
Bagaimana untuk Mengulang Sesuatu dalam JavaScript?
Rentetan boleh diulang dalam JavaScript dengan cara berikut:
- Menggunakan kaedah gelung while
- Menggunakan kaedah ES6 repeat().
- Menggunakan rekursi
- Menggunakan kaedah fill().
Mari kita lihat setiap kaedah secara terperinci.
Kaedah 1: Ulangi Sesuatu dalam JavaScript Menggunakan Loop While
“ manakala ” ialah pernyataan aliran kawalan dalam JavaScript yang dilaksanakan berulang kali di bawah keadaan tertentu. Keadaan akan dilihat sebelum setiap lelaran. Gelung while berjalan sehingga keadaan tepat. Sebaik sahaja syarat itu palsu, gelung berhenti melaksanakan. Kod berikut menggambarkan proses pengulangan dalam JavaScript menggunakan gelung while:
DOCTYPE html >
< html >
< skrip >
ulangan fungsi ( str, kira ) {
biarkan rpt_Str = ' ' ;
sementara ( kira > 0 ) {
rpt_Str += str ;
kira --;
}
kembali rpt_Str ;
}
dokumen. menulis ( ulang ( ' TAYLOR ' , 6 ) ) ;
skrip >
html >
Dalam contoh di atas:
- Ulang fungsi() ditakrifkan di dalam teg skrip dengan parameter 'str', dan 'kira'.
- Seterusnya, kami menentukan rentetan kosong 'rpt_str' dan memulakan gelung sementara dengan syarat kiraan kekal lebih besar daripada 0.
- 'rpt_str' mengandungi nilai 'str' dan gelung sementara beroperasi melainkan syarat itu tidak benar lagi. Dalam kes ini, nilai kiraan ialah 6 jadi rentetan akan dicetak 6 kali.
Pengeluaran
Rentetan 'TAYLOR' akan diulang 6 kali yang bersamaan dengan kiraan:
Kaedah 2: Ulangi Sesuatu dalam JavaScript Menggunakan ES6 repeat()
ES6 ulangi() boleh digunakan untuk mengulang rentetan dalam JavaScript. Rentetan dikembalikan yang mempunyai pendua tertentu apabila dipanggil. Berikut ialah contoh kod yang menunjukkan cara kita boleh mengulang rentetan menggunakan repeat():
DOCTYPE html >< html >
< skrip >
fungsi rpt_str ( str, kira ) {
jika ( kira > 0 )
kembali str. ulang ( kira ) ;
lain
kembali '' ;
}
dokumen. menulis ( rpt_str ( ' JavaScript ' , 5 ) ) ;
skrip >
html >
Dalam kod di atas,
- Fungsi 'rpt_str()' ditakrifkan dengan parameter str dan kiraan.
- Nilai str ditetapkan sebagai 'JavaScript' yang akan berulang mengikut nilai yang ditetapkan untuk dikira.
Pengeluaran
Dalam contoh ini, nilai yang ditetapkan untuk dikira ialah 5 jadi fungsi repeat() akan mengulang JavaScript 5 kali:
Kaedah 3: Ulangi Sesuatu dalam JavaScript Menggunakan Rekursi
Rekursi membolehkan fungsi memanggil dirinya berulang-ulang melainkan ia mendapat hasil yang diingini. Dalam rekursi, kes primer/asas mesti ditentukan untuk menamatkan rekursi. Ia secara konvensional dalam klausa bersyarat. Fungsi rekursif beroperasi dengan memanggil dirinya berulang-ulang sehingga kita mendapat hasil yang diingini. Contoh berikut membantu memahami kaedah rekursi untuk melakukan pengulangan dalam JavaScript:
! DOCTYPE html >< html >
< skrip >
fungsi rpt_str ( str, kira ) {
jika ( kira < 0 )
kembali '' ;
jika ( kira === 1 )
kembali str ;
lain
kembali str + rpt_str ( str, kira - 1 ) ;
}
dokumen. menulis ( rpt_str ( ' KOD ' , 7 ) ) ;
skrip >
html >
Dalam kod di atas:
- Fungsi 'rpt_str()' ditakrifkan dengan parameter 'str' dan 'count'.
- Jika nilai kiraan kurang daripada 0, rentetan kosong akan dikembalikan. Jika nilai kiraan ialah 1, ia akan mengembalikan str dan jika nilai str lebih besar daripada 1, fungsi itu menggabungkan nilai input str dengan hasil daripada rpt_str(str, kiraan – 1).
- Di sini, nilai str ialah 'CODE' dan nilai kiraan ialah 7 maka rentetan yang diulang akan mencetak KOD sebanyak 7 kali.
Pengeluaran:
Kaedah 4: Ulangi Sesuatu dalam JavaScript Menggunakan Fungsi fill().
JavaScript menawarkan a isi() kaedah yang membolehkan kita mengisi tatasusunan dengan nilai statik. Ia boleh digunakan dengan fungsi join() untuk mengulang sesuatu dalam JavaScript. Sebagai contoh, nilai rentetan boleh dimasukkan dalam tatasusunan kosong menggunakan fungsi fill() dan dicantumkan bersama-sama dengan fungsi join() untuk mendapatkan rentetan berulang. Berikut ialah contoh kod yang menunjukkan cara anda boleh mengulang rentetan dengan fungsi fill():
< html >< badan >
< skrip >
biarkan str = ' DEPAN '
biarkan rpt_str = Susunan ( 5 ) . isi ( str ) . sertai ( '' )
dokumen. menulis ( rpt_str ) ;
skrip >
badan >
html >
Dalam contoh di atas:
- Str pembolehubah ditakrifkan dan diberikan dengan nilai ' FRONTEND '.
- Fungsi Array(5) akan mencipta 5 slot di mana rentetan akan diisi dan dicantumkan bersama untuk membentuk rentetan berulang. Nilai disimpan dalam pembolehubah 'rpt_str'.
- document.write(rpt_str) akan mencetak rentetan berulang.
Pengeluaran
Semasa menjalankan kod, rentetan 'FRONTEND' akan diulang 5 kali:
Itu semua tentang mengulang sesuatu dalam JavaScript menggunakan kaedah yang berbeza.
Kesimpulan
Kaedah biasa untuk mengulang sesuatu dalam JavaScript menggunakan fungsi ES6 repeat() yang mengambil parameter tertentu yang menunjukkan bilangan lelaran elemen. Kaedah lain seperti menggunakan gelung sementara, fungsi rekursif atau kaedah fill(). Artikel ini menerangkan pelbagai cara sesuatu boleh diulang dalam JavaScript bersama dengan contohnya.