Hallo sobat programmer, pada kesempatan kali ini penulis ingin melanjutkan tutorial sebelumnya yaitu basic decision dengan javascript menggunakan node js. Dimana pada tutorial sebelumnya dapat kita lihat bahwa keputusan sangat penting untuk diketahui oleh programmer. Pengetahuan yang tidak kalah pentingnya bagi programmer adalah looping (pengulangan)
Looping adalah metode pemecahan masalah yang digunakan untuk menghasilkan banyak data sesuai dengan jumlah looping. Looping sangat diperlukan untuk menampilkan data dari database dalam jumlah besar. Perulangan juga banyak digunakan dalam membuat penghitung, nomor urut, kode unik, banyak unggahan, banyak sisipan, banyak pembaruan, banyak penghapusan, parsing data dari array dan sebagainya.
Pada tutorial kali ini penulis hanya akan menunjukkan dasar-dasar penggunaan perulangan pada javascript menggunakan node.js. js. dasar ini penting untuk diketahui, karena anda dapat mengetahui struktur dan cara kerja dari perulangan itu sendiri, sehingga anda dapat menggunakan konsep perulangan ini untuk kebutuhan yang lebih kompleks.
Looping sendiri terbagi menjadi dua yaitu looping for dan looping while. Pada kesempatan kali ini penulis akan menunjukkan bagaimana menggunakan kedua perulangan tersebut
Oke, silakan
Disini penulis menggunakan IntelliJ IDEA sebagai IDEA atau text editor. Seperti yang penulis sarankan pada tutorial sebelumnya. IntelliJ IDEA sangat membantu dalam memudahkan kita menjalankan script yang kita buat dengan Node. js. Bagi anda yang tidak menggunakan IntelliJ IDEA tidak ada masalah asalkan anda tahu cara menjalankan scriptnya
Disini penulis telah membuat sebuah folder di Mydocuments dengan nama nodejs. Bagi anda yang mengikuti tutorial sebelumnya pasti sudah tahu foldernya. Selanjutnya saya membuat folder lain dengan nama looping yang terdapat di folder nodejs. Sampai struktur folder kita menjadi mydocuments/nodejs/looping
Dapatkan paket hosting diskon 75% dan domain gratis + tambahan diskon 5% dengan menggunakan kupon. MEMIKIRKAN
Pesan sekarang1. Perulangan UNTUK
Untuk mengetahui cara kerja looping for, ada baiknya langsung ke contoh
Pertama buat file javascript dengan nama looping_for. js dan pastikan file tersebut diletakkan pada folder yang telah dibuat sebelumnya. Hingga strukturnya menjadi seperti ini
mydocuments/nodejs/looping/looping_for. js
Sangat penting untuk mengetahui struktur folder ini, karena akan membantu memudahkan Anda menjalankan skrip yang Anda buat. terutama jika Anda tidak menggunakan IntelliJ IDEA
Selanjutnya buka file looping_for. js dengan editor teks jika Anda tidak menggunakan IntelliJ IDEA, dan ketika skrip berikut
var n=10; for(var i=1; i<=n; i++){ console.log("Looping ke-"+i); }
Silahkan jalankan script di atas. Jika Anda menggunakan IntelliJ IDEA, klik kanan pada editor dan klik Run looping_for. js. Maka Anda akan melihat hasilnya sebagai berikut
Looping ke-1 Looping ke-2 Looping ke-3 Looping ke-4 Looping ke-5 Looping ke-6 Looping ke-7 Looping ke-8 Looping ke-9 Looping ke-10 _
2. Mengulang SAAT
Untuk mengetahui bagaimana struktur dan cara kerja perulangan while, buatlah file javascript baru dengan nama perulangan_while. js dan pastikan file looping_while. js satu folder dengan file looping_for. js
Buka file looping_while. js dengan editor teks bagi anda yang tidak menggunakan IntelliJ IDEA, dan ketika script berikut
var i=0; var n=10; while(i < n){ console.log("Looping ke- "+i); i++; }
Silahkan jalankan script di atas. Jika Anda menggunakan IntelliJ IDEA, klik kanan pada editor dan klik Run looping_while. js. Maka Anda akan melihat hasilnya sebagai berikut
Looping ke- 0 Looping ke- 1 Looping ke- 2 Looping ke- 3 Looping ke- 4 Looping ke- 5 Looping ke- 6 Looping ke- 7 Looping ke- 8 Looping ke- 9
Ok sobat programmer cukup sekian pembahasan tentang looping pada javascript menggunakan node. js. Jika Anda merasa tutorial ini bermanfaat, silakan bagikan. Siapa tahu teman-teman juga membutuhkan tutorial ini
Loop berguna, jika Anda ingin menjalankan kode yang sama berulang kali, setiap kali dengan nilai yang berbeda
Seringkali ini terjadi ketika bekerja dengan array
Alih-alih menulis
teks += mobil[0] + "
";
teks += mobil[1] + "
";
teks += mobil[2] + "
";
teks += mobil[3] + "
";
teks += mobil[4] + "
";
teks += mobil[5] + "
";
Kamu bisa menulis
untuk (misalkan i = 0; i < mobil. panjang;
teks += mobil[i] + "
";
}
Berbagai Jenis Loop
JavaScript mendukung berbagai jenis loop
- for_ - loop melalui blok kode beberapa kali
- for/in - loop melalui properti objek
- for/of_ - mengulang nilai objek yang dapat diubah
- while - loop melalui blok kode saat kondisi tertentu benar
- do/while_ - juga mengulang blok kode saat kondisi tertentu benar
Untuk Loop
Pernyataan for membuat loop dengan 3 ekspresi opsional
for (ekspresi 1; ekspresi 2; ekspresi 3) {
// blok kode yang akan dieksekusi
}
Ekspresi 1 dieksekusi (satu kali) sebelum eksekusi blok kode
Ekspresi 2 mendefinisikan kondisi untuk mengeksekusi blok kode
Ekspresi 3 dijalankan (setiap kali) setelah blok kode dieksekusi
Contoh
for (biarkan i = 0; i < 5; i++) {
teks += "Nomornya adalah " + i + "
";
}
Dari contoh di atas, Anda bisa membaca
Ekspresi 1 menyetel variabel sebelum perulangan dimulai (misalkan i = 0)
Ekspresi 2 mendefinisikan kondisi untuk menjalankan loop (saya harus kurang dari 5)
Ekspresi 3 meningkatkan nilai (i++) setiap kali blok kode dalam loop telah dieksekusi
Ekspresi 1
Biasanya Anda akan menggunakan ekspresi 1 untuk menginisialisasi variabel yang digunakan dalam loop (misalkan i = 0)
Ini tidak selalu terjadi. JavaScript tidak peduli. Ekspresi 1 adalah opsional
Anda dapat memulai banyak nilai dalam ekspresi 1 (dipisahkan dengan koma)
Contoh
untuk (misalkan i = 0, len = mobil. panjang, teks = "";
teks += mobil[i] + "
";
}
Dan Anda dapat menghilangkan ekspresi 1 (seperti ketika nilai Anda ditetapkan sebelum loop dimulai)
Contoh
misalkan i = 2;
biarkan len = mobil. panjang;
biarkan teks = "";
untuk (; i < len; i++) {
teks += mobil[i] + "
";
}
Ekspresi 2
Seringkali ekspresi 2 digunakan untuk mengevaluasi kondisi variabel awal
Ini tidak selalu terjadi. JavaScript tidak peduli. Ekspresi 2 juga opsional
Jika ekspresi 2 mengembalikan true, pengulangan akan dimulai lagi. Jika mengembalikan false, loop akan berakhir
Jika Anda menghilangkan ekspresi 2, Anda harus memberikan jeda di dalam loop. Jika tidak, loop tidak akan pernah berakhir. Ini akan merusak browser Anda. Baca tentang istirahat di bab selanjutnya dari tutorial ini
Ekspresi 3
Seringkali ekspresi 3 menambah nilai variabel awal
Ini tidak selalu terjadi. JavaScript tidak peduli. Ekspresi 3 adalah opsional
Ekspresi 3 dapat melakukan apa saja seperti kenaikan negatif (i--), kenaikan positif (i = i + 15), atau yang lainnya
Ekspresi 3 juga dapat dihilangkan (seperti saat Anda menaikkan nilai Anda di dalam loop)
Contoh
biarkan saya = 0;
biarkan len = mobil. panjang;
biarkan teks = "";
untuk (; i < len; ) {
teks += mobil[i] + "
";
saya++;
}
Lingkup Lingkaran
Menggunakan var dalam satu lingkaran
Contoh
var i = 5;
untuk (var i = 0; i < 10; i++) {
// beberapa kode
}
// Ini aku 10
Cobalah sendiri "Menggunakan let_ dalam satu lingkaran
Contoh
misalkan i = 5;
for (biarkan i = 0; i < 10; i++) {
// beberapa kode
}
// Ini aku 5
Cobalah sendiri "Pada contoh pertama, menggunakan var_, variabel yang dideklarasikan dalam loop mendeklarasikan ulang variabel di luar loop
Dalam contoh kedua, menggunakan let_, variabel yang dideklarasikan dalam loop tidak mendeklarasikan ulang variabel di luar loop
Ketika let_ digunakan untuk mendeklarasikan variabel i dalam sebuah loop, variabel i hanya akan terlihat di dalam loop