Tutorial ini akan menunjukkan cara-cara untuk menggelung/mengulang melalui objek JavaScript yang mudah.
Bagaimana untuk Gelung Melalui Objek JavaScript Biasa/Mudah?
Untuk menggelung/mengulang melalui objek JavaScript yang mudah, gunakan kaedah berikut:
Kaedah 1: Gelung Melalui Objek JavaScript Biasa/Mudah Menggunakan Gelung for-in
Untuk menggelung melalui objek, gunakan gelung 'untuk-dalam'. Ia berulang merentasi semua atribut rentetan terbilang bagi objek yang dikaitkan dengan objek.
Sintaks
Gunakan sintaks yang disediakan untuk menggunakan gelung for-in untuk gelung melalui objek:
untuk ( pembolehubah dalam objek )
Contoh
Buat objek dengan sifat dalam pasangan nilai kunci:
adalah objek = {
'JavaScript' : satu ,
'Jawa' : 5 ,
'Python' : dua puluh ,
'HTML' : 2 ,
'CSS' : sebelas
}
Gelung pada objek berdasarkan kekunci objek:
untuk ( const kunci dalam objek ) {konsol. log ( `$ { kunci } : $ { objek [ kunci ] } ` ) ;
}
Output memaparkan semua ciri objek dalam pasangan nilai kunci:
Kaedah 2: Gelung Melalui Objek JavaScript Biasa/Mudah Menggunakan Kaedah Object.keys().
Setiap sifat dalam objek mempunyai nilai yang sepadan, bermakna setiap sifat terdiri daripada pasangan nilai kunci. Anda boleh mengekstrak kunci, nilai atau kedua-dua kunci dan nilai sebagai entri dalam tatasusunan menggunakan kaedah statik objek. Jika anda ingin mendapatkan semula kunci objek, gunakan ' Object.keys() ” kaedah.
Sintaks
Ikuti sintaks yang diberikan untuk menggelung melalui objek untuk mendapatkan semula sifat/kunci objek:
Contoh
Guna kaedah Object.keys() dan simpan tatasusunan terhasil bagi kekunci objek dalam pembolehubah “ objKeys ”:
Seperti yang anda lihat dalam output, semua kekunci objek telah berjaya diambil:
Kaedah 3: Gelung Melalui Objek JavaScript Biasa/Mudah Menggunakan Kaedah Object.values().
Untuk mendapatkan nilai objek terhadap sifatnya, gunakan ' Object.values() ” kaedah. Ia memberikan kembali tatasusunan nilai untuk sifat/kunci objek.
Sintaks
Sintaks yang diberikan digunakan untuk mendapatkan nilai objek dengan menggelung melalui objek:
Contoh
Guna kaedah Object.values() untuk mendapatkan nilai objek terhadap sifatnya:
Output memaparkan tatasusunan nilai terhadap sifat objek:
Kaedah 4: Gelung Melalui Objek JavaScript Biasa/Mudah Menggunakan Kaedah Object.entry().
Anda juga boleh lelaran melalui objek JavaScript biasa/mudah menggunakan ' Object.entry() ” kaedah. Ia menjana tatasusunan sub-tatasusunan yang mengandungi pasangan nilai kunci objek yang diberikan.
Sintaks
Sintaks berikut digunakan untuk mendapatkan entri objek dengan menggelung objek:
Contoh
Panggil kaedah Object.entry() pada objek untuk mendapatkan semula semua entri objek:
Pengeluaran
Kami telah mengumpulkan semua maklumat yang diperlukan yang berkaitan untuk menggelung melalui objek JavaScript biasa dengan objek sebagai ahli.
Kesimpulan
Untuk mengulangi objek JavaScript biasa/mudah, gunakan ' untuk masuk 'gelung,' Object.keys() 'kaedah,' Object.values() ' kaedah, atau ' Object.entry() ” kaedah. Gelung for-in dan kaedah Object.entry() digunakan untuk mendapatkan semua pasangan nilai kunci dalam objek, manakala Object.keys() digunakan untuk mendapatkan kunci dan Object.values() untuk nilai sebuah objek. Tutorial ini menunjukkan cara yang berbeza untuk menggelung melalui objek JavaScript yang mudah.