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

const 人 = {
    名前：「ジョン」、
    年齢：30歳、
    職業：「エンジニア」
  };
const Object_keys = Object.keys(人);

//ここではまず、Object.keys(person) から取得した Object_keys 配列を使用しました。
for(let i = 0 ; i

3.Object.entries() の使用:


Object.entries()
 は、オブジェクトを引数として受け取り、キーと値のペアの 2 次元配列を返す 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

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 (const [key, value] of Object.entries(person)) {
  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(値);
}