このチュートリアルでは、単純な JavaScript オブジェクトをループ/反復する方法を示します。
プレーン/シンプルな JavaScript オブジェクトをループする方法は?
単純な JavaScript オブジェクトをループ/反復するには、次のメソッドを使用します。
方法 1: for-in ループを使用してプレーン/シンプルな JavaScript オブジェクトをループする
オブジェクトをループするには、「for-in」ループを使用します。オブジェクトに関連付けられているオブジェクトのすべての列挙可能な文字列属性を反復処理します。
構文
提供された構文を使用して、for-in ループを使用してオブジェクトをループします。
にとって ( 変数 の 物体 )
例
キーと値のペアのプロパティを持つオブジェクトを作成します。
だった 物体 = {
「ジャバスクリプト」 : 1 、
「ジャバ」 : 5 、
「パイソン」 : 20 、
「HTML」 : 2 、
「CSS」 : 十一
}
オブジェクトのキーに基づいてオブジェクトをループします。
にとって ( 定数 鍵 の 物体 ) {コンソール。 ログ ( `$ { 鍵 } : $ { 物体 [ 鍵 ] } ` ) ;
}
出力には、オブジェクトのすべての特性がキーと値のペアで表示されます。
方法 2: Object.keys() メソッドを使用してプレーン/シンプルな JavaScript オブジェクトをループする
オブジェクトの各プロパティには対応する値があります。つまり、各プロパティはキーと値のペアで構成されています。オブジェクトの静的メソッドを使用して、キー、値、またはキーと値の両方を配列のエントリとして抽出できます。オブジェクトのキーを取得したい場合は、「 Object.keys() ' 方法。
構文
指定された構文に従ってオブジェクトをループし、オブジェクトのプロパティ/キーを取得します。
例
Object.keys() メソッドを呼び出し、オブジェクトの結果のキーの配列を変数「 objKey 」：
出力からわかるように、オブジェクトのすべてのキーが正常に取得されています。
方法 3: Object.values() メソッドを使用してプレーン/シンプルな JavaScript オブジェクトをループする
プロパティに対するオブジェクトの値を取得するには、「 Object.values() ' 方法。オブジェクトのプロパティ/キーの値の配列を返します。
構文
指定された構文は、オブジェクトをループしてオブジェクトの値を取得するために使用されます。
例
Object.values() メソッドを呼び出して、プロパティに対するオブジェクトの値を取得します。
出力には、オブジェクトのプロパティに対する値の配列が表示されます。
方法 4: Object.entries() メソッドを使用してプレーン/シンプルな JavaScript オブジェクトをループする
「 Object.entries() ' 方法。指定されたオブジェクトのキーと値のペアを含むサブ配列の配列を生成します。
構文
次の構文は、オブジェクトをループしてオブジェクトのエントリを取得するために使用されます。
例
オブジェクトのすべてのエントリを取得するには、オブジェクトで Object.entries() メソッドを呼び出します。
出力
オブジェクトをメンバーとして持つプレーンな JavaScript オブジェクトをループするために必要なすべての情報を収集しました。
結論
プレーン/シンプルな JavaScript オブジェクトをループするには、「 フォーイン 「ループ、」 Object.keys() ' 方法、 ' Object.values() 」メソッド、または「 Object.entries() ' 方法。 for-in ループと Object.entries() メソッドはオブジェクト内のすべてのキーと値のペアを取得するために使用され、Object.keys() はキーを取得するために使用され、Object.values() はオブジェクトの値を取得するために使用されます。オブジェクト。このチュートリアルでは、単純な JavaScript オブジェクトをループするさまざまな方法を示しました。