Program JavaScript untuk Melakukan Loop Melalui Objek

Contoh 1: Perulangan Melalui Objek Menggunakan untuk … 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

name - John
age - 20
hobbies - ["reading", "games", "coding"]

Dalam contoh di atas, file for...in loop digunakan untuk melakukan loop melalui student obyek.

Nilai setiap kunci diakses dengan menggunakan student[key].

Catatan: The 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

name - John
age - 20
hobbies - ["reading", "games", "coding"]
gender - male

Jika mau, Anda hanya dapat mengulang properti objek itu sendiri dengan menggunakan using hasOwnProperty() metode.

if (student.hasOwnProperty(key)) {
    ++count:
}

Contoh 2: Loop Through Object Menggunakan Object.entries dan for…of

// 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

name - John
age - 20
hobbies - ["reading", "games", "coding"]

Dalam program di atas, objek di-loop menggunakan Object.entries() metode dan for...of loop.

Itu Object.entries() metode mengembalikan larik pasangan kunci/nilai objek tertentu. Itu for...of loop digunakan untuk melakukan loop melalui array.