SyntaxError: a declaration in the head of a for-of loop can't have an initializer

エラーメッセージ

SyntaxError: for-of loop head declarations cannot have an initializer (Edge)
SyntaxError: a declaration in the head of a for-of loop can't have an initializer (Firefox)
SyntaxError: for-of loop variable declaration may not have an initializer. (Chrome)

エラータイプ

何がうまくいかなかったのか？

for...of ループの先頭に初期化式が含まれています。つまり、 |for (var i = 0 of iterable)| のように変数が宣言され、値が代入されています。これは、 for-of ループでは許可されていません。初期化できる for ループを使用した方が良いかもしれません。

例

不正な for-of ループ

let iterable = [10, 20, 30];

for (let value = 50 of iterable) {
  console.log(value);
}

// SyntaxError: a declaration in the head of a for-of loop can't
// have an initializer

有効な for-of ループ

for-of ループのヘッダーから初期化子 (value = 50) を取り除く必要があります。おそらく、50 をオフセット値にしようとしているのでしょうから、たとえばループのボディー内で 50 を加えられます。

let iterable = [10, 20, 30];

for (let value of iterable) {
  value += 50;
  console.log(value);
}
// 60
// 70
// 80

関連情報

• for...of
• for...in – strict モードでは同様に初期化できない (SyntaxError: for-in loop head declarations may not have initializers)
• for – 反復時に初期化子を許可している