効率的にループスルーして JavaScript オブジェクトを列挙するにはどうすればよいですか?

JavaScript オブジェクトのループと列挙

JavaScript では、オブジェクトはデータの保存と操作に使用される強力な構造です。一般的なシナリオは、オブジェクトのプロパティをループしてその値にアクセスする必要があることです。幸いなことに、JavaScript にはこれを実現するためのメソッドがいくつか用意されています。

for-in ループ:

for-in ループは、オブジェクトのプロパティを反復処理してそのプロパティにアクセスするための簡潔な方法です。キーと値。

var p = {
    "p1": "value1",
    "p2": "value2",
    "p3": "value3"
};

for (var key in p) {
    // Check if the key is an actual property of the object
    if (p.hasOwnProperty(key)) {
        console.log(key + " -> " + p[key]);
    }
}

注: for-in ループは便利ですが、プロトタイプ チェーンから継承されたプロパティを含むすべてのプロパティを反復処理するため、注意して使用する必要があります。

Object.keys() および Array.prototype.forEach():

Object.keys() メソッドは、オブジェクトのキーを含む配列を返します。この配列を Array.prototype.forEach() で使用して、値を反復処理したり、値にアクセスしたりできます。

var p = {
    "p1": "value1",
    "p2": "value2",
    "p3": "value3"
};

Object.keys(p).forEach(function(key) {
    console.log(key + " -> " + p[key]);
});

Object.entries() および Array.prototype.map():

Object.entries() メソッドは、キーと値のペアの配列を配列として返します。これらのペアは、Array.prototype.map() を使用して簡単に変換および出力できます。

var p = {
    "p1": "value1",
    "p2": "value2",
    "p3": "value3"
};

Object.entries(p).map(function(entry) {
    console.log(entry[0] + " -> " + entry[1]);
});

結論:

JavaScript オブジェクトのループと列挙は、次の使用で実現できます。さまざまな方法。それぞれのアプローチには利点と注意点があります。アプリケーションの特定の要件に最も適した方法を選択してください。

以上が効率的にループスルーして JavaScript オブジェクトを列挙するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。