Tutorial ini akan menunjukkan cara untuk mengulang/berulang melalui objek JavaScript sederhana.
Bagaimana Cara Mengulang Melalui Objek JavaScript Biasa/Sederhana?
Untuk mengulangi/berulang melalui objek JavaScript sederhana, gunakan metode berikut:
Metode 1: Loop Melalui Objek JavaScript Polos/Sederhana Menggunakan for-in Loop
Untuk mengulang objek, gunakan loop 'untuk-masuk'. Itu berulang di semua atribut string yang dapat dihitung dari suatu objek yang terkait dengan suatu objek.
Sintaksis
Gunakan sintaks yang disediakan untuk menggunakan loop for-in untuk mengulang melalui objek:
untuk ( variabel di dalam obyek )
Contoh
Buat objek dengan properti dalam key-value pair:
dulu obyek = {
'JavaScript' : satu ,
'Jawa' : 5 ,
'Python' : dua puluh ,
'HTML' : 2 ,
'CSS' : sebelas
}
Ulangi objek berdasarkan kunci objek:
untuk ( const kunci di dalam obyek ) {menghibur. catatan ( `$ { kunci } : $ { obyek [ kunci ] } ` ) ;
}
Keluaran menampilkan semua karakteristik objek dalam pasangan nilai kunci:
Metode 2: Mengulang Melalui Objek JavaScript Polos/Sederhana Menggunakan Metode Object.keys()
Setiap properti dalam objek memiliki nilai yang sesuai, artinya setiap properti terdiri dari pasangan kunci-nilai. Anda dapat mengekstrak kunci, nilai, atau keduanya kunci dan nilai sebagai entri dalam larik menggunakan metode statis objek. Jika Anda ingin mengambil kunci objek, gunakan ' Objek.kunci() ' metode.
Sintaksis
Ikuti sintaks yang diberikan untuk mengulang objek untuk mengambil properti/kunci objek:
Contoh
Panggil metode Object.keys() dan simpan array yang dihasilkan dari kunci objek dalam variabel “ objKeys ”:
Seperti yang Anda lihat di output, semua kunci objek telah berhasil diambil:
Metode 3: Mengulang Melalui Objek JavaScript Polos/Sederhana Menggunakan Metode Object.values()
Untuk mendapatkan nilai suatu objek terhadap propertinya, gunakan ' Objek.nilai() ' metode. Ini mengembalikan array nilai untuk properti/kunci suatu objek.
Sintaksis
Sintaks yang diberikan digunakan untuk mendapatkan nilai objek dengan mengulang melalui objek:
Contoh
Panggil metode Object.values() untuk mendapatkan nilai objek terhadap propertinya:
Output menampilkan array nilai terhadap properti objek:
Metode 4: Mengulang Melalui Objek JavaScript Polos/Sederhana Menggunakan Metode Object.entries()
Anda juga dapat mengulang melalui objek JavaScript polos/sederhana menggunakan “ Objek.entri() ' metode. Ini menghasilkan array sub-array yang berisi pasangan nilai kunci dari objek yang diberikan.
Sintaksis
Sintaks berikut digunakan untuk mendapatkan entri objek dengan mengulang objek:
Contoh
Panggil metode Object.entries() pada objek untuk mengambil semua entri objek:
Keluaran
Kami telah mengumpulkan semua informasi yang diperlukan yang relevan untuk mengulang melalui objek JavaScript biasa dengan objek sebagai anggota.
Kesimpulan
Untuk mengulang melalui objek JavaScript biasa/sederhana, gunakan ' untuk masuk ' lingkaran, ' Objek.kunci() ' metode, ' Objek.nilai() ” metode, atau “ Objek.entri() ' metode. For-in loop dan metode Object.entries() digunakan untuk mendapatkan semua pasangan kunci-nilai dalam sebuah objek, sedangkan Object.keys() digunakan untuk mendapatkan kunci dan Object.values() untuk nilai dari Sebuah Objek. Tutorial ini mendemonstrasikan berbagai cara untuk mengulang melalui objek JavaScript sederhana.