JavaScript オブジェクトのプロパティを効率的に反復するにはどうすればよいですか?

JavaScript オブジェクトの反復

JavaScript では、オブジェクトはキーと値のペアのコレクションです。これらのプロパティにアクセスして操作するには、プロパティを反復処理する方法を理解することが不可欠です。

要素が数値インデックスを通じてアクセスされる配列とは異なり、オブジェクトはプロパティ名をキーとして使用します。オブジェクトのプロパティを反復するには、for...in ループを使用できます。

For...in ループ

for...in ループは反復します。オブジェクトの数え切れないほどのプロパティ。これにより、対応する値を取得するために使用できるプロパティ名へのアクセスが提供されます。

for (let key in yourobject) {
  console.log(key, yourobject[key]);
}

ES6 では、キーと値の両方が同時に必要な場合、for...of 構文を一緒に使用できます。 with Object.entries():

for (let [key, value] of Object.entries(yourobject)) {
    console.log(key, value);
}

オブジェクトのプロパティを反復処理する場合、プロパティの順序は保証されないことに注意することが重要です。実装によっては、継承されたプロパティも含まれる場合があります。

継承されたプロパティのログを回避するには、hasOwnProperty() メソッドを使用できます。

for (let key in yourobject) {
   if (yourobject.hasOwnProperty(key)) {
      console.log(key, yourobject[key]);
   }
}

チャンクで反復

チャンク内のオブジェクト プロパティを反復処理するには、最初にプロパティ名を抽出するのが最善の方法です。配列に入れます。これにより、順序が確実に維持されます。

let keys = Object.keys(yourobject);

キーが使用可能になったら、それらを使用してインデックスによってプロパティを反復処理できます。

for (let i=300; i <p>次のアプローチに従うことで、次のことができます。 JavaScript オブジェクトを効果的に反復し、さまざまなシナリオでそのプロパティにアクセスします。</p>

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