Dalam tutorial ini, anda akan belajar mengenai JavaScript untuk… dalam lingkaran dengan bantuan contoh.
Dalam tutorial sebelumnya, kami telah membahas:
- JavaScript sambil dan lakukan … sambil gelung
- JavaScript untuk gelung
Terdapat juga jenis gelung lain. The for… ingelung dalam JavaScript membolehkan anda untuk melelar atas semua kunci harta objek.
JavaScript untuk… dalam gelung
Sintaksis for… ingelung adalah:
for (key in object) ( // body of for… in )
Dalam setiap lelaran gelung, kunci diberikan kepada pemboleh ubah kunci. Gelung berterusan untuk semua sifat objek.
Catatan : Sebaik sahaja anda mendapat kunci, anda boleh mendapatkan nilainya dengan mudah.
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))`); )
Pengeluaran
nama => Kelas Monica => 7 umur => 12 tahun
Dalam program di atas, for… ingelung digunakan untuk melakukan lelaran ke atas studentobjek dan mencetak semua sifatnya.
- Kekunci objek diberikan kepada kekunci pemboleh ubah.
student(key)digunakan untuk mengakses nilai kunci.
Contoh 2: Kemas kini Nilai Sifat
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)`); )
Pengeluaran
Jack: $ 24000, Paul: $ 34000, Monica: $ 55000
Dalam contoh di atas, for… ingelung digunakan untuk melakukan lelaran ke atas sifat salariesobjek. Kemudian, rentetan $ditambahkan pada setiap nilai objek.
untuk… masuk dengan Strings
Anda juga boleh menggunakan for… ingelung untuk mengulang nilai rentetan. Sebagai contoh,
const string = 'code'; // using for… in loop for (let i in string) ( console.log(string(i)); )
Pengeluaran
kod
untuk… masuk dengan Arrays
Anda juga boleh menggunakan for… indengan tatasusunan. Sebagai contoh,
// define array const arr = ( 'hello', 1, 'JavaScript' ); // using for… in loop for (let x in arr) ( console.log(arr(x)); )
Pengeluaran
hello 1 JavaScript
Anda akan mengetahui lebih lanjut mengenai susunan dalam tutorial kemudian.
Catatan : Anda tidak boleh menggunakan for… initerasi pada array di mana urutan indeks penting.
Salah satu cara yang lebih baik untuk melakukan lelaran pada array adalah menggunakan for… ofgelung.
Untuk mengetahui lebih lanjut mengenai for… ofgelung, kunjungi JavaScript untuk… of loop.
