Ada bentuk foreach loop yang biasa digunakan untuk mencetak item dalam array. Ada dua cara untuk menggunakan foreach dalam JavaScript
- Menggunakan for dengan operator in
- Menggunakan metode forEach[]
Cara pertama
var languages = ["Javascript", "HTML", "CSS", "Typescript"];for[i = 0; i < languages.length; i++]{
document.write[i+". "+ languages[i] + "
"];
}
Dapat disederhanakan menjadi
var languages = ["Javascript", "HTML", "CSS", "Typescript"];for[i in languages]{_
document.write[i+". "+ languages[i] + "
"];
}
Keluaran
Cara kedua
// kita punya array seperti berikut
var days = ["Senin", "Selasa", "Rabu", "Kamis", "Jum'at", "Sabtu", "Minggu"];
// Kemudian kita tampilkan semua hari
// dengan menggunakan method foreach
days.forEach[function[day]{
document.write["" + day + "
"];
}];
Metode forEach[] memiliki parameter dalam bentuk fungsi callback. Sebenarnya kita juga bisa menggunakan fungsi panah seperti ini
// kita punya array seperti berikut
var days = ["Senin", "Selasa", "Rabu", "Kamis", "Jum'at", "Sabtu", "Minggu"];
// Kemudian kita tampilkan semua hari
// dengan menggunakan method foreach
days.forEach[[day] => {
document.write["" + day + "
"];
}];
Ada pengulangan dengan Method repeat[] yang termasuk dalam pengulangan perulangan terhitung. Fungsi ini digunakan untuk mengulang teks [string]
Misalkan Anda diberi tugas menulis program yang menampilkan angka 1–100. Salah satu cara Anda dapat mengatasi masalah ini adalah dengan menulis 100 pernyataan konsol. log. Tapi saya yakin Anda tidak akan melakukannya karena Anda muak dengan baris 9 atau 10
Satu-satunya bagian yang berubah pada setiap pernyataan adalah angkanya, jadi harus ada cara untuk menulis satu pernyataan saja. Dan itu bisa dilakukan dengan satu lingkaran. Loop memungkinkan kita untuk melakukan serangkaian langkah dalam blok kode berulang kali
Mengisi
- Sementara lingkaran
- Do-while loop
- Untuk putaran
- Himpunan
- Untuk-dalam lingkaran
- For-of loop
- Ulasan
- Sumber Lain
Sementara Loop
While loop akan mengeksekusi serangkaian pernyataan berulang kali sementara beberapa kondisi benar. Ketika kondisi salah, program akan keluar dari perulangan. Jenis loop ini menguji kondisi sebelum iterasi. Iterasi adalah eksekusi dari loop body. Contoh berikut tidak akan menampilkan apapun karena kondisi salah
1
let hungry = false;
2
3
while [hungry] {
4
console.log["eat"];
5
}
Ini adalah bentuk umum dari while loop
1
let hungry = false;0
2
let hungry = false;2
3
let hungry = false;2
4
let hungry = false;6
5
let hungry = false;8
Satu hal yang perlu diingat saat menggunakan loop adalah membuat loop yang tidak pernah berakhir. Ini terjadi karena kondisi tidak pernah menjadi salah. Jika itu terjadi pada Anda, program Anda akan macet. Contoh
1
20
2
3
while [hungry] {
4
console.log["eat"];
5
}
Tugas
Berapa kali badan loop ini dieksekusi
1
29
2
3
32
47_______4
5
36
37
}
Do-While Loop
Perulangan do-while akan mengeksekusi isi pernyataan terlebih dahulu, kemudian memeriksa kondisinya. Jenis perulangan ini berguna ketika Anda tahu bahwa Anda ingin menjalankan kode setidaknya satu kali. Contoh berikut akan menampilkan "makan" sekali, meskipun kondisinya salah
1
let hungry = false;
2
3
while [hungry] {3
4
console.log["eat"];
5
while [hungry] {7
Ini adalah bentuk umum untuk do while-loop
1
while [hungry] {3
2
41
3
41
4
45
5
47
Tugas
Tulis do-while loop yang akan menampilkan angka 1–10
Untuk Loop
For-loop akan mengulangi eksekusi blok kode untuk waktu yang ditentukan. Contoh berikut menampilkan angka 1–10
1
49
2
console.log["eat"];1
3
}
Ini adalah bentuk umum dari for-loop
1
console.log["eat"];5
2
let hungry = false;2
3
let hungry = false;2
4
let hungry = false;6
5
let hungry = false;8
Inisial adalah ekspresi yang menetapkan nilai variabel kita. Kondisi adalah ekspresi yang harus benar agar pernyataan dapat dieksekusi. Dan step adalah ekspresi yang menambah nilai variabel kita
Salah satu pola pemrograman adalah menggunakan perulangan for untuk memperbarui nilai variabel dengan dirinya sendiri dan nilai baru. Contoh ini menjumlahkan angka 1–10
1
55
2
3
49
4
}
05
}
37
}
4}
52_07 adalah operator penugasan yang menambahkan nilai kembali ke variabel. Ini adalah daftar semua operator penugasanOperator
Contoh
Persamaan
+=x += 2
x = x + 2
-=x -= 2
x = x - 2
*= x *= 2
x = x * 2
/=x /= 2
x = x / 2
%=x %= 2
x = x % 2
Tugas
Tulis perulangan for yang menghitung faktorial sebuah angka. Faktor suatu bilangan adalah perkalian semua bilangan bulat dari 1 sampai n. Misalnya, 4. [4 faktorial] adalah 1 x 2 x 3 x 4 yang sama dengan 24
Himpunan
Array adalah objek yang menyimpan daftar item, yang disebut elemen, yang diakses oleh indeksnya. Indeks adalah posisi elemen dalam array. Elemen pertama berada di indeks 0. Berikut ini adalah beberapa operasi array yang umum
Buat array kosong
1
}
7Inisialisasi array dengan nilai
1________12______9
Dapatkan elemen dari array
1
}
92
13
3
15
4
Perbarui elemen dalam array
1
}
_92
let hungry = false;00
Loop dalam array
1
}
92
3
let hungry = false;05
4
let hungry = false;07
5
}
Array dua dimensi adalah array yang elemennya adalah array. Contoh
1
let hungry = false;11
2
let hungry = false;13
3
let hungry = false;15
4
let hungry = false;17
5
37
let hungry = false;20
Ini adalah bagaimana Anda akan mengulang array dan menampilkan setiap elemen
1
let hungry = false;05
2
let hungry = false;24
3
let hungry = false;26
4
let hungry = false;28
5
}
Tugas
Elemen apa yang ditampilkan ketika i = 1 dan j = 0 pada for loop di atas?
Untuk-Dalam Loop
Jenis loop memungkinkan kita untuk loop melalui tombol pada objek. Objek adalah struktur data yang memiliki kunci yang dipetakan ke nilai. Berikut adalah beberapa operasi umum yang dapat dilakukan pada suatu objek
Buat objek kosong
1
let hungry = false;32
Inisialisasi objek dengan nilai
1
let hungry = false;34
2
let hungry = false;36
3
let hungry = false;38
4________5______40
Mengambil properti dari objek
1
let hungry = false;34
2
let hungry = false;36
3
let hungry = false;38
4
let hungry = false;40
5
37
let hungry = false;51
}
4let hungry = false;53
Perbarui properti pada objek
1
let hungry = false;34
2
let hungry = false;36
3
let hungry = false;38
4
let hungry = false;40
5
37
let hungry = false;64
}
4let hungry = false;66
Loop di kunci objek
1
let hungry = false;68
2
let hungry = false;70________7__12_______
Tugas
Apa yang dilakukan for loop di atas adalah menampilkan loop yang diberikan obj = {foo. "Halo", bar. "Dunia"}?
Untuk-Dari Loop
Jenis loop memungkinkan kita untuk loop pada nilai objek yang dapat diubah. Contoh objek yang dapat diubah adalah array dan string
Loop dalam array
1
let hungry = false;74
2
3
let hungry = false;77
4
let hungry = false;79
5
}
37
}
4let hungry = false;84
Loop dalam sebuah string
1
let hungry = false;86
2
3
let hungry = false;89
4
let hungry = false;91
5
}
37
}
4let hungry = false;96
Tugas
Menggunakan salah satu loop, tulis program yang akan menampilkan pola tangga ini
1
let hungry = false;98
2
200
3
202
4
204
5
206
Ulasan
Pengulangan memungkinkan kita untuk mengurangi duplikasi dalam kode kita. Perulangan while dapat mengulangi suatu tindakan hingga kondisi salah. Perulangan do-while akan dijalankan setidaknya sekali. Perulangan for dapat mengulangi suatu tindakan hingga kita mencapai akhir hitungan. For-in loop dirancang agar kita dapat mengakses kunci dalam suatu objek. For-of loop dirancang agar kita bisa mendapatkan nilai dari suatu objek yang dapat diulang