JavaScript の「for...in」ループと「for...of」ループの違いは何ですか?

(for... in) ステートメントと (for... of) ステートメントの違いを理解する

はじめに

JavaScript には、(for... in) と (for... of) という 2 つのループ ステートメントが用意されており、それぞれ異なる目的を果たします。オブジェクトとデータ構造の反復。

for... of: プロパティ値の反復

ES6 で導入された (for... of) ステートメントは、以下を提供します。オブジェクトのプロパティの値を反復処理する便利な方法です。プロパティ名をループする (for... in) とは異なり、(for... of) はプロパティ値に特に焦点を当てます。

この区別は、以下の例で明確になります。

var arr = [3, 5, 7];
arr.foo = "hello";

for (var i in arr) {
  console.log(i); // logs "0", "1", "2", "foo"
}

for (var i of arr) {
  console.log(i); // logs "3", "5", "7"
}

(for... in) は数値インデックス (「0」、「1」、「2」) とカスタム プロパティ「foo」 (ES6 イテレーターは通常キーを除外します) の両方をログに記録します。(for... of) は、数値プロパティ値 (「3」、「5」、「7」) のみをログに記録します。その理由は、(for... of) がプロパティ値に焦点を当てたオブジェクト固有のイテレータを利用しているためです。

要約すると、(for... of) は、簡潔で値中心の方法を提供します。オブジェクト内のプロパティを反復処理します。例の「foo」プロパティなどのインデックス以外のプロパティをスキップし、プロパティ値をループ反復として直接提供します。

以上がJavaScript の「for...in」ループと「for...of」ループの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。