В объекте javascript содержатся свойства пары ключ-значение, и итерация по объекту отличается от массивов. Объекты можно перебирать с помощью циклов for...in и Object.keys(), Object.values() и Object.entries(). Давайте посмотрим, как можно использовать каждый метод:

1. использование метода for...in

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
 for(let key in persons){
     console.log(`${person[key]} : ${key}`)
}
   //output
   // name: 'John',
   // age: 30,
   // occupation: 'Engineer'

2.Использование Object.keys(): метод

object.keys() — метод JavaScript, который принимает объект в качестве аргумента и возвращает массив ключей

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);
console.log(Object_keys)// [ 'name', 'age', 'occupation']```

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);

//here first i have used Object_keys array which i got from Object.keys(person);
for(let i = 0 ; i

константный человек = {
    имя: 'Джон',
    возраст: 30,
    профессия: 'Инженер'
  };
const Object_keys = Object.keys(человек);

//здесь сначала я использовал массив Object_keys, который я получил от Object.keys(person);
for(let i = 0; i

3.Использование Object.entries():


Object.entries()
 — это метод javascript, который принимает объект в качестве аргумента и возвращает двухмерный массив пары значений ключа

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);

//here first i have used Object_keys array which i got from Object.keys(person);
for(let i = 0 ; i

константный человек = {
    имя: 'Джон',
    возраст: 30,
    профессия: 'Инженер'
  };

const Object_keyValue = Object.entries(person);

//выход
// [ 
, ,  ]





const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };

for (const [key, value] of Object.entries(person)) {
  console.log(`${key} : ${value}`);
}

//output
   // name: 'John',
   // age: 30,
   // occupation: 'Engineer'


Object.entries()
 для перебора объекта



константный человек = {
    имя: 'Джон',
    возраст: 30,
    профессия: 'Инженер'
  };

for (const [ключ, значение] of Object.entries(person)) {
  console.log(`${key} : ${value}`);
}

//выход
   // имя: 'Джон',
   // возраст: 30,
   // профессия: 'Инженер'




4. Использование Object.values():


const myObject = {
  prop1: 'value1',
  prop2: 'value2',
  prop3: 'value3'
};

const values = Object.values(myObject);

for (const value of values) {
  console.log(value);
}



Object.values() возвращает массив значений собственных перечислимых свойств объекта. Это может быть полезно, если вас интересуют только значения, а не ключи.



константный мойОбъект = {
  реквизит1: 'значение1',
  реквизит2: 'значение2',
  реквизит3: 'значение3'
};

константные значения = Object.values(myObject);

for (константное значение значений) {
  console.log(значение);
}