Dalam contoh ini, Anda akan belajar menulis program JavaScript yang akan melewati suatu objek.
Untuk memahami contoh ini, Anda harus memiliki pengetahuan tentang topik pemrograman JavaScript berikut:
- Objek JavaScript
- JavaScript untuk… dalam putaran
Contoh 1: Loop Melalui Objek Menggunakan for… in
// program to loop through an object using for… in loop const student = ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), ); // using for… in for (let key in student) ( let value; // get the value value = student(key); console.log(key + " - " + value); )
Keluaran
nama - John usia - 20 hobi - ("membaca", "game", "coding")
Dalam contoh di atas, for… in
loop digunakan untuk melakukan loop melalui student
objek.
Nilai setiap kunci diakses dengan menggunakan student(key)
.
Catatan : for… in
Loop juga akan menghitung properti yang diwariskan.
Sebagai contoh,
const student = ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), ); const person = ( gender: 'male' ) // inheriting property student.__proto__ = person; for (let key in student) ( let value; // get the value value = student(key); console.log(key + " - " + value); )
Keluaran
nama - John usia - 20 hobi - ("membaca", "game", "coding") jenis kelamin - laki-laki
Jika mau, Anda hanya bisa melakukan loop melalui properti objek itu sendiri dengan menggunakan hasOwnProperty()
metode ini.
if (student.hasOwnProperty(key)) ( ++count: )
Contoh 2: Loop Melalui Objek Menggunakan Object.entries dan untuk… dari
// program to loop through an object using for… in loop const student = ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), ); // using Object.entries // using for… of loop for (let (key, value) of Object.entries(student)) ( console.log(key + " - " + value); )
Keluaran
nama - John usia - 20 hobi - ("membaca", "game", "coding")
Dalam program di atas, objek diulang menggunakan Object.entries()
metode dan for… of
loop.
The Object.entries()
Metode mengembalikan array pasangan kunci / nilai objek yang diberikan itu. The for… of
loop digunakan untuk loop melalui array.