Cara menggunakan find loop di javascript

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
2
0
2
3
while (hungry) {
4
    console.log("eat");
5
}

Tugas

Berapa kali badan loop ini dieksekusi

1
2
9
2
3
3
2
4
7_______4
5
3
6
3
7
}

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
4
1
3
4
1
4
4
5
5
4
7

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
4
9
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
5
5
2
3
4
9
4
}
0
5
}
3
7
}
4
}
5

2
_07 adalah operator penugasan yang menambahkan nilai kembali ke variabel. Ini adalah daftar semua operator penugasan

Operator
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
}
7

Inisialisasi array dengan nilai

1
________12______9

Dapatkan elemen dari array

1
}
9
2
1
3
3
1
5
4

Perbarui elemen dalam array

1
}
_9
2
let hungry = false;
00

Loop dalam array

1
}
9
2
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
3
7
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
3
7
let hungry = false;
51
}
4
let 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
3
7
let hungry = false;
64
}
4
let 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
}
3
7
}
4
let hungry = false;
84

Loop dalam sebuah string

1
let hungry = false;
86
2
3
let hungry = false;
89
4
let hungry = false;
91
5
}
3
7
}
4
let hungry = false;
96

Tugas

Menggunakan salah satu loop, tulis program yang akan menampilkan pola tangga ini

1
let hungry = false;
98
2
2
00
3
2
02
4
2
04
5
2
06

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