--- title: >- SyntaxError: a declaration in the head of a for-of loop can't have an initializer slug: Web/JavaScript/Reference/Errors/Invalid_for-of_initializer tags: - Error - JavaScript - SyntaxError translation_of: Web/JavaScript/Reference/Errors/Invalid_for-of_initializer ---
{{jsSidebar("Errors")}}

JavaScript の例外 "a declaration in the head of a for-of loop can't have an initializer" は、 for...of ループの先頭に |for (var i = 0 of iterable)| のように初期化子が含まれている場合に発生します。これは for-of ループでは許可されていません。

エラーメッセージ

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)

エラータイプ

{{jsxref("SyntaxError")}}

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

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

関連項目