Mengapa menggunakan Loop For?

Kembali ke forum soal ini

#javascript #loop-for-di-javascript #dasar-dari-loop-for

Loop adalah pengulangan. Kita belajar coding karena kita tidak mau melakukan pekerjaan yang berulang-ulang! Biarkan komputer yang melakukan itu semua!

Latihan pertama adalah contoh yang bagus kenapa anda ingin menggunakan loop for. 
 Instruksi:

    Tuliskan 5 baris code console.log untuk mencetak angka 1 hingga 5.
    Harap bersabar dalam menyelesaikan soal di unit ini.
    Tekan tombol Periksa dan Kirim untuk melihat bagaimana melakukan tugas ini lebih efisien!
// Tulis 5 baris pernyataan console.log
console.log (0, 1);
console.log (0, 2);
console.log (0, 3);
console.log (0, 4);
console.log (0, 5);

Daripada menuliskan console.log berulang-ulang sebanyak 5 kali, kita bisa menggunakan for untuk ini. Tujuan dari latihan ini adalah menunjukan kepada anda bagaimana bentuknya for itu dan menunjukkan apa gunanya. Latihan berikutnya akan menjelaskan syntax dan cara kerjanya.

Pertama kita fokuskan penggunaan for hanya untuk menghitung angka supaya mudah dimengerti. Tapi subbab berikutnya kita akan melakukan hal-hal yang lebih menarik.

// Contoh dari for loop

for (var hitung = 1; hitung < 11; hitung++) {
	console.log(hitung);
}

Memulai pengulangan for 

Selamat! Anda baru saja menjalankan for pertama anda. Tapi apa yang anda ingin lakukan adalah menuliskan for anda sendiri. Dibawah ini adalah syntax umum untuk menuliskan for. Kita fokuskan ke garis pertama terlebih dulu.

Syntax

for (var i = 1; i < 11; i = i + 1) {
   code yang akan diulang;
}

Setiap Loop membutuhkan variabel penghitung. Variabel-nya di code ini adalah i. variabel penghitung memiliki banyak fungsi. Pertama adalah memberi tahu komputer bahwa pengulangan dimulai dengan nilai 1 untuk i. Ini dilakukan dengan mendeklarasikan i dan memberikan nilai 1.
// Merubah permulaan for

for (var i = 1; i < 11; i = i + 1){
	console.log(i);
}

 Instruksi:

    for disamping dimulai dari 1 dan berakhir di 10.
    Lakukan perubahan yang dibutuhkan agar for mencetak angka dari 5 hingga 10!

hasilnya:
// Merubah permulaan for

for (var i = 5; i < 11; i = i + 1){
	console.log(i);
}

Mengakhiri pengulangan for 

Kita bisa mengendalikan dimana for dimulai. Tapi apakah kita bisa mengendalikan dimana for berakhir? Itu bisa dilakukan di bagian kedua dari for.
Syntax

for (var i = 1; i < 11; i = i + 1;) {
    code code code; 
}
Disini pengulangan akan dilakukan hingga i = 10 atau selama i < 11. Jadi misalkan ketika i = 2 ataupun i = 9 code akan dijalankan, tapi ketika i sudah tidak lebih kecil dari 11, pengulangan akan berhenti.

 Instruksi:

    Anda pasti sudah dapat menebak bahwa code disamping akan mencetak angka dari 1 hingga 10. Jika anda tidak bisa menebaknya, silahkan baca latihan sebelumnya.
    Ubah for sehingga dia akan mulai dari 4.
    Ubah juga sehingga for akan menghitung hingga 15. (Hati-hati, 16 jangan sampai tercetak!)
soal
// Ubah loop untuk mencetak angka 4 - 23

for (var i = 1; i < 11; i = i + 1) {
	console.log(i);
}


Untuk merubah dimana code akan berakhir, ubah 11 di bagian i < 11.

Saat merubah code, pastikan anda tidak menghapus ;.
hasilnya

// Ubah loop untuk mencetak angka 4 - 23

for (var i = 4; i < 16; i = i + 1) {
	console.log(i);
}

Mengendalikan for 



Sekarang kita bisa mengendalikan dimana for dimulai dan berakhir. Apa yang terjadi diantaranya?

Di contoh sebelumnya, kita menggunakan i = i + 1. Artinya, kita menambah variabel penghitung kita, i, sebanyak satu setiap kali code di dalam for dijalankan.
Peraturan yang harus dipelajari

    Cara yang efisien untuk melakukan penambahan sebanyak 1 adalah dengan menuliskan i++.
    Jika ingin mengurangi dengan 1, lakukan i--.
    Anda bisa melakukan penambahan dengan angka berapapun dengan menggunakan i += x, dimana x bisa anda ganti dengan angka berapapun. Contohnya i += 3 akan menghitung hingga 3.
    Penguranganpun dapat dilakukan dengan menggunakan i -= x.
    Berhati-hatilah dalam penggunaan syntax--jika anda tidak menuliskan pengulangan yang tidak terbatas (infinite loop), browser anda akan crash!


 Instruksi:

    Code di samping mencetak angka 0 hingga 35.
    Mari kita buat agar dimulai dari 5.
    Hentikan penghitungan jika sudah mencapai 40.
    Hitung hanya angka kelima!. Untuk itu anda akan merubah variabel penghitung agar selalu ditambah dengan 5.
// cetak dari 5 hingga 40, dan setiap angka ke lima

for (var i = 0; i < 36; i++) {
	console.log(i);
}

Anda cukup merubah i++ menjadi i += 5.

x += y sama dengan x = x + y

x -= y sama dengan x = x - y
HASILNYA
/ cetak dari 5 hingga 40, dan setiap angka ke lima

for (var i = 5; i < 41; i+=5) {
	console.log(i);
}

@lamphard :
keren gan untuk pembahasannya,nambah ilmu lagi...
thanks... ^^

nih punya saye lah simple

for(a = 1;a<=5;a++)
{
  console.log(a);
}