У цьому прикладі ви навчитеся писати програму 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 і для … 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); )
Вихідні дані
ім'я - вік Джона - 20 хобі - ("читання", "ігри", "кодування")
У наведеній вище програмі об'єкт зациклено за допомогою Object.entries()
методу та for… of
циклу.
Object.entries()
Метод повертає масив пар ключ / значення даного об'єкта. for… of
Цикл використовується в циклі через масив.