javascript エラー「SyntaxError: Unexpected token ‘}’. Expected either a closing ‘]’ or a ‘,’ following an array element.」の解決方法

javascript エラー「SyntaxError: Unexpected token ‘}’. Expected either a closing ‘]’ or a ‘,’ following an array element.」の解決方法

javascriptで、エラー「SyntaxError: Unexpected token ‘}’. Expected either a closing ‘]’ or a ‘,’ following an array element.」が発生した場合の原因と解決方法を記述してます。配列の「]」を「}」として記述してしまった際になどに発生します。

環境

  • OS macOS Monterey
  • ブラウザ safari 15.5

エラー内容

以下のコードを実行時に発生。

const arr = [
    { "key": "a", "value": "100" },
    { "key": "b", "value": "200" },
    { "key": "c", "value": "300" }
  }

エラーメッセージ

SyntaxError: Unexpected token '}'. Expected either a closing ']' or a ',' following an array element.

画像

firefox(バージョン109)では、以下のエラーとなります。

Uncaught SyntaxError: missing ] after element list

画像

原因

配列の「]」が「}」になっているため

解決方法

「]」を使用する

const arr = [
    { "key": "a", "value": "100" },
    { "key": "b", "value": "200" },
    { "key": "c", "value": "300" }
  ]