javascript エラー「Uncaught TypeError: xxx is not iterable」の解決方法

javascript エラー「Uncaught TypeError: xxx is not iterable」の解決方法

javascriptで、エラー「Uncaught TypeError: xxx is not iterable」が発生した場合の原因と解決方法を記述してます。

環境

  • OS windows11 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 102.0.5005.63

エラー内容

以下のコードで発生。

let obj = {a: 1, b: 2, c: 3 };

for (let i of obj) {
  console.log(obj[i]);
}

エラーメッセージ

Uncaught TypeError: obj is not iterable

画像

firefox(バージョン97)でも、同様のエラーとなります。

Uncaught TypeError: obj is not iterable

画像

原因

「for-of」は、「反復可能」なオブジェクトでのみ使用できるため

解決方法

「Object.values」を使用するか、

let obj = {a: 1, b: 2, c: 3 };

for (const value of Object.values(obj)) {
  console.log(value);
}

「for-in」を使用する。

let obj = {a: 1, b: 2, c: 3 };

for (let i in obj) {
  console.log(obj[i]);
}

実行結果