В този пример ще се научите да пишете програма на JavaScript, която ще премине през обект.
За да разберете този пример, трябва да имате познанията по следните теми за програмиране на JavaScript:
- Обекти на JavaScript
- JavaScript за … в цикъл
Пример 1: Използване на обект с цикъл за … 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); )
Изход
име - Джон възраст - 20 хобита - ("четене", "игри", "кодиране")
В горния пример for… in
цикълът се използва за цикъл през student
обекта.
Стойността на всеки ключ се получава чрез използване student(key)
.
Забележка : for… in
Цикълът ще отчита и наследени свойства.
Например,
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); )
Изход
име - Джон възраст - 20 хобита - („четене“, „игри“, „кодиране“) пол - мъжки
Ако искате, можете да прегледате собственото свойство на обекта само с помощта на hasOwnProperty()
метода.
if (student.hasOwnProperty(key)) ( ++count: )
Пример 2: Цикъл през обект с помощта на Object.entries и за … на
// 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); )
Изход
име - Джон възраст - 20 хобита - ("четене", "игри", "кодиране")
В горната програма обектът се циклично използва Object.entries()
метода и for… of
цикъла.
В Object.entries()
метод връща масив от двойки ключ / стойност на даден обект е. В for… of
линия се използва за линия чрез масив.