JavaScriptオブジェクトをループ処理する方法


  1. for...inループを使用する方法:

    const obj = { key1: 'value1', key2: 'value2', key3: 'value3' };
    for (let key in obj) {
    console.log(key + ': ' + obj[key]);
    }

    この方法では、for...inループを使用してオブジェクトのキーを反復処理し、obj[key]を使用して各キーに対応する値にアクセスします。

  2. Object.keys()メソッドとforEach()メソッドを組み合わせる方法:

    const obj = { key1: 'value1', key2: 'value2', key3: 'value3' };
    Object.keys(obj).forEach(key => {
    console.log(key + ': ' + obj[key]);
    });

    この方法では、Object.keys()メソッドを使用してオブジェクトのキーを配列として取得し、forEach()メソッドを使用して各キーに対して処理を行います。

  3. Object.entries()メソッドとfor...ofループを使用する方法:

    const obj = { key1: 'value1', key2: 'value2', key3: 'value3' };
    for (let [key, value] of Object.entries(obj)) {
    console.log(key + ': ' + value);
    }

    この方法では、Object.entries()メソッドを使用してオブジェクトのキーと値のペアを取得し、for...ofループを使用して反復処理します。

これらの方法を使用すると、JavaScriptオブジェクト内のデータを効率的にループ処理することができます。適切な方法を選択し、目的に応じてコードを実装してください。