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()는 객체를 인수로 사용하고 키 배열을 반환하는 자바스크립트 메서드입니다.

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 사람 = {
    이름: '존',
    나이: 30,
    직업 : '엔지니어'
  };
const Object_keys = Object.keys(사람);

//여기서 먼저 Object.keys(person)에서 가져온 Object_keys 배열을 사용했습니다.
for(let i = 0 ; i

3.Object.entries() 사용:


Object.entries()
는 객체를 인수로 취하고 키 값 쌍의 2차원 배열을 반환하는 자바스크립트 메서드입니다.

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 사람 = {
    이름: '존',
    나이: 30,
    직업 : '엔지니어'
  };

const Object_keyValue = Object.entries(사람);

//산출
// [ 
, ,  ]





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()
를 사용하여 객체를 반복할 수 있습니다.



const 사람 = {
    이름: '존',
    나이: 30,
    직업 : '엔지니어'
  };

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

//산출
   // 이름: '존',
   // 나이: 30,
   // 직업: '엔지니어'




4. Object.values() 사용:


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.values()는 객체 자체의 열거 가능한 속성 값의 배열을 반환합니다. 이는 키가 아닌 값에만 관심이 있는 경우 유용할 수 있습니다.



const myObject = {
  prop1: '값1',
  prop2: '값2',
  prop3: '값3'
};

const 값 = Object.values(myObject);

for(값의 상수 값) {
  console.log(값);
}