Dalam tutorial ini, Anda akan belajar tentang JavaScript for… in loop dengan bantuan contoh.
Di tutorial sebelumnya, kami telah membahas:
- JavaScript while dan do… while loop
- JavaScript untuk loop
Ada juga jenis loop lainnya. The for… in
loop dalam JavaScript memungkinkan Anda untuk iterate atas semua kunci properti dari objek.
JavaScript untuk… dalam putaran
Sintaks dari for… in
loop adalah:
for (key in object) ( // body of for… in )
Di setiap iterasi loop, sebuah kunci diberikan ke variabel kunci. Perulangan berlanjut untuk semua properti objek.
Catatan : Setelah Anda mendapatkan kunci, Anda dapat dengan mudah menemukan nilainya.
Contoh 1: Iterasi Melalui Objek
const student = ( name: 'Monica', class: 7, age: 12 ) // using for… in for ( let key in student ) ( // display the properties console.log(`$(key) => $(student(key))`); )
Keluaran
nama => kelas Monica => 7 usia => 12
Pada program di atas, for… in
loop digunakan untuk melakukan iterasi pada student
objek dan mencetak semua propertinya.
- Kunci objek ditugaskan ke kunci variabel.
student(key)
digunakan untuk mengakses nilai kunci.
Contoh 2: Perbarui Nilai Properti
const salaries= ( Jack : 24000, Paul : 34000, Monica : 55000 ) // using for… in for ( let i in salaries) ( // add a currency symbol let salary = "$" + salaries(i); // display the values console.log(`$(i) : $(salary)`); )
Keluaran
Jack: $ 24000, Paul: $ 34000, Monica: $ 55000
Dalam contoh di atas, for… in
loop digunakan untuk mengulangi properti salaries
objek. Kemudian, string $
ditambahkan ke setiap nilai objek.
untuk… dengan Strings
Anda juga dapat menggunakan for… in
loop untuk mengulang nilai string. Sebagai contoh,
const string = 'code'; // using for… in loop for (let i in string) ( console.log(string(i)); )
Keluaran
kode
untuk… dengan Array
Anda juga bisa menggunakan for… in
dengan array. Sebagai contoh,
// define array const arr = ( 'hello', 1, 'JavaScript' ); // using for… in loop for (let x in arr) ( console.log(arr(x)); )
Keluaran
halo 1 JavaScript
Anda akan mempelajari lebih lanjut tentang array di tutorial selanjutnya.
Catatan : Anda tidak boleh menggunakan for… in
iterasi pada larik yang urutan indeksnya penting.
Salah satu cara yang lebih baik untuk melakukan iterasi pada sebuah array adalah menggunakan for… of
loop.
Untuk mempelajari lebih lanjut tentang for… of
loop, kunjungi JavaScript untuk… of loop.