NEW ARTICLE
kotlin 正規表現を使用して文字列が部分一致で含まれているかを判定する
  1. HOME
  2. javascript
  3. javascript エラー「Uncaught TypeError: xxx is not iterable」の解決方法

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

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

javascriptで、エラー「Uncaught TypeError: xxx is not iterable」が発生した場合の原因と解決方法を記述してます。「反復可能」なオブジェクト以外に「for-of」を使用した際に発生します。

目次

環境

  • OS windows11 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 108.0.5359.99
Javascript サンプル集はこちら

エラー内容

以下の「for-of」を使用したコードで発生。

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

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

エラーメッセージ

Uncaught TypeError: obj is not iterable

画像

firefox（バージョン107）でも、同様のエラーとなります。

Uncaught TypeError: obj is not iterable

画像

原因

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

解決方法

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

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

console.log( Object.values(obj) ) // [1, 2, 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]);
}

実行結果