ホームページ > ウェブフロントエンド > jsチュートリアル > 継承やチャンク化の処理を含め、JavaScript オブジェクトを効率的に反復するにはどうすればよいですか?

継承やチャンク化の処理を含め、JavaScript オブジェクトを効率的に反復するにはどうすればよいですか?

Patricia Arquette
リリース: 2024-12-16 07:55:13
オリジナル
1002 人が閲覧しました

How Can I Efficiently Iterate Over JavaScript Objects, Including Handling Inheritance and Chunking?

JavaScript オブジェクトを部分的に反復する

JavaScript オブジェクトを反復するには、配列を反復する場合とは異なるアプローチが必要です。これは、オブジェクトには配列のように順序が固定されていないためです。

for .. in を使用する

オブジェクトのキー (プロパティ名) を反復するには、次を使用します。 for .. 構文:

for (let key in object) {
  console.log(key, object[key]);
}
ログイン後にコピー

の使用Object.entries (ES6)

ES6 以降では、Object.entries() はキーと値のペアの配列を返します。

for (let [key, value] of Object.entries(object)) {
  console.log(key, value);
}
ログイン後にコピー

継承プロパティの回避

オブジェクトがプロトタイプからプロパティを継承する可能性がある場合は、次を使用します。 hasOwnProperty() を使用して除外します:

for (let key in object) {
  if (object.hasOwnProperty(key)) {
    console.log(key, object[key]);
  }
}
ログイン後にコピー

チャンクで反復する

チャンクでプロパティを反復するには、オブジェクト キーを配列に変換します:

let keys = Object.keys(object);
for (let i = 300; i < keys.length && i < 600; i++) {
  console.log(keys[i], object[keys[i]]);
}
ログイン後にコピー

以上が継承やチャンク化の処理を含め、JavaScript オブジェクトを効率的に反復するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート