SyntaxError: for-in loop head declarations may not have initializers
JavaScript の strict モード専用の例外である "for-in loop head declarations may not have initializers" は、 for...in の先頭に初期化構文が含まれていた場合、例えば |for (var i = 0 in obj)| のような場合に発生します。これは strict モードの for-in ループでは許可されていません。
エラーメッセージ
js
SyntaxError: for-in loop head declarations cannot have an initializer (Edge) SyntaxError: for-in loop head declarations may not have initializers (Firefox) SyntaxError: for-in loop variable declaration may not have an initializer. (Chrome) エラータイプ
何がうまくいかなかったのか？
for...in ループの先頭に初期化式が含まれています。つまり、 |for (var i = 0 in obj)| のように変数を宣言して値を代入しています。 strict モードでない場合は、このヘッダー宣言は暗黙に無視され、|for (var i in obj)| のように動作します。しかし、strict モードでは SyntaxError が発生します。
例
この例では SyntaxError が発生します。
js
const obj = { a: 1, b: 2, c: 3 }; for (const i = 0 in obj) { console.log(obj[i]); } // SyntaxError: for-in loop head declarations may not have initializers 有効な for-in ループ
for-in ループのヘッダーから初期化子 (i = 0) を削除してください。
js
"use strict"; var obj = { a: 1, b: 2, c: 3 }; for (var i in obj) { console.log(obj[i]); } Array の反復処理
for...in ループは Array の反復処理で使用すべきではありません。 Array を反復するのに、 for ループを for-in ループの代わりに使うつもりだったのでしょうか。 for ループならば、初期化子を設定することができます。
js
var arr = ["a", "b", "c"]; for (var i = 2; i < arr.length; i++) { console.log(arr[i]); } // "c" 