Em javascript, o objeto contém as propriedades do par de valores-chave e a iteração sobre o objeto é diferente de arrays . Os objetos podem ser iterados usando loops for...in e Object.keys(), Object.values() e Object.entries(). Vamos ver como você pode usar cada método:

1. usando o método 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.Usando Object.keys(): método

object.keys() é um método javascript que toma o objeto como argumento e retorna um array de chaves

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

const pessoa = {
    nome: 'João',
    idade: 30,
    ocupação: 'Engenheiro'
  };
const Object_keys = Object.keys(pessoa);

//aqui primeiro usei o array Object_keys que obtive de Object.keys(person);
for(deixe i = 0 ; i

3.Usando Object.entries():


Object.entries()
 é um método javascript que toma o objeto como argumento e retorna uma matriz 2d do par de valores-chave

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

const pessoa = {
    nome: 'João',
    idade: 30,
    ocupação: 'Engenheiro'
  };

const Object_keyValue = Object.entries(pessoa);

//saída
// [ 
, ,  ]





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()
 para iterar sobre o objeto



const pessoa = {
    nome: 'João',
    idade: 30,
    ocupação: 'Engenheiro'
  };

for (const [chave, valor] de Object.entries(person)) {
  console.log(`${chave}: ${valor}`);
}

//saída
   // nome: 'João',
   // idade: 30,
   // ocupação: 'Engenheiro'




4. Usando 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() retorna uma matriz de valores de propriedades enumeráveis ​​do próprio objeto. Isso pode ser útil se você estiver interessado apenas nos valores e não nas chaves.



const meuObjeto = {
  prop1: 'valor1',
  prop2: 'valor2',
  prop3: 'valor3'
};

valores const = Object.values(meuObject);

for (const valor dos valores) {
  console.log(valor);
}