JavaScript | xxx is not iterable エラーの原因と修正案

2023-10-16JavaScript エラー,JavaScript

JavaScript | xxx is not iterable エラーの原因と修正案

JavaScriptで発生するコンソールエラー「xxx is not iterable」の原因と対処・修正案について紹介しています。

Uncaught TypeError: xxx is not iterable ~
キャッチされていない型エラー: xxxは反復可能ではありません。

確認環境

サーバー:エックスサーバー
実行ブラウザ:Microsoft Edge バージョン 109.0.1518.70 

xxx is not iterable エラーの発生原因

「xxx is not iterable」というJavaScriptのエラーは参照している変数が反復処理する事ができない型となっている場合に発生するエラーです。

このエラーはキャッチされていない型エラー(Uncaught TypeError)に分類されています。

例えば、以下のようなJSコードを実行する場合にエラーは発生します。

let data
for (const iterator of data) {
	// 処理
}
// Uncaught TypeError: data is not iterable

型が作成されていない場合や、boolean型などが定義されている場合も同じエラーを出力します。

let data = false
for (const iterator of data) {
	// 処理
}
// Uncaught TypeError: data is not iterable

xxx is not iterable エラーの修正案

「xxx is not iterable」エラーを修正するには、参照先の内容がどうなっているのか、反復可能な値なのかを確認して修正する必要があります。

let data = {}
for (const iterator of data) {
	// 処理
}