Програмата на JavaScript за прелитане през обект

В този пример ще се научите да пишете програма на 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линия се използва за линия чрез масив.

Интересни статии...