ES2015で、forEachを既に使用している場合、なぜ新しいループ構成が必要になるのですか？

Question

ループ反復変数var i=0; i<length; i++を使用するときには、非常に冗長で絶対的なやり方であり、必要でなくても項目のインデックスを提供するので、私たちは常にループの絶対的な方法を避けたいという考えを理解しています。アレイ上の.forEach()方法は、宣言的なアプローチでval（および必要に応じてのみindex）を露光することによりこれを解決しているようだ：

var arr = [1, 2, 3, 4]; 
arr.forEach(function (val) { 
    // Use val 
}); 

私はES6構造物を通過して、新たなfor-ofループ構造を見てきました。試してみると私の質問は次のようになります：

言語で定義されている2つの新しい構造体が必要なのはなぜですか？上記の2つのループ構成では実現できない機能は何ですか？

Answer 1

言語で定義された2つの新しい構造体が必要なのはなぜですか？上記の2つのループ構成では実現できない機能は何ですか？

この引数は、ES2015の多くの新機能に対して使用できます。矢印の機能、let、残りのパラメータ、破壊などは、あなたがすでにJSで行うことができるものの文法的な砂糖です。 ES2015をES5に変換するBabelのようなツールは、それを証明します。

したがって、構文的な砂糖のポイントは何ですか？定型コードを減らし、エンジニアがにフォーカスするようにするには、というコードではなく、のコードを使用します。を実行する必要があります。

---

としては既に、任意反復可能（イテレータを返す[Symbol.iterator]方法を実装するもの）にfor...of作品だけでなく、アレイを指摘しました。配列は単純にiterableです。

for...ofは、既存の構文（afaik）では実行できなかったことを実際には紹介していません。 whileループのイテレータを使用することができます。

for (var foo of bar) { 
    // ... 
} 

はしかし、それは本当に理解して（またはライト）が容易ではありません

var it = bar[Symbol.iterator](), next; 
while ((next = it.next()).done !== false) { 
    var foo = next.value; 
    // ... 
} 

に相当します。 iterablesがより一般的な/一般的になるはずだと仮定すると、iteratorを消費するためのより良いサポートが妥当と思われます。

Answer 2

理由は、新しい機能を追加するのではなく、便利さです。私はこれについてGithubのNotesレポに書いています。私は、直接それをここに言い換えます：

前ES5に、ループのためにこのように書かれています。

ES5で

for (var i = 0; i < arr.length; i++) { 
    // Do something 
} 

、我々はこのようにそれを書き込むことができます。

arr.forEach(function(elem) { 
    // Do something 
}); 

前者の利点は、w真ん中のループから逃れることができます。 後者の利点は簡潔です。 ES6は、それらの両方を組み合わせて、-のためと呼ばれる新しい構文が導入されています

for (let elem of arr) { 
    // Do something 
} 

Answer 3

forEachはArray.prototypeに存在するが、配列は、我々は反復処理のみのタイプではありません。 ES6では多くのものが紹介されており、for...ofはカスタムタイプの反復動作を実装する一貫した方法を提供します。