JavaScript | Expected ‘,’ or ‘}’ after property value in JSON エラーの原因と修正案

2023-10-17JavaScript エラー,JavaScript

JavaScriptで発生するコンソールエラー「Expected ',’ or '}’ after property value in JSON」の原因と対処・修正案について紹介しています。

Uncaught SyntaxError: Expected ',’ or '}’ after property value in JSON at position x ～
キャッチされていない構文エラー: JSON の位置 x にあるプロパティ値の後には「,」または「}」が必要です

Expected ',’ or '}’ after property value in JSON エラーの発生原因

「Expected ',’ or '}’ after property value in JSON」というJavaScriptのエラーはJSONデータのパースなどを処理する際にデータに問題があると発生します。
主にプロパティ（データ）ごとの区切り文字が間違っているケースが考えられます。

このエラーはキャッチされていない構文エラー（Uncaught SyntaxError）に分類されています。

例えば、以下のようにプロパティの区切り文字が「,（カンマ）」ではなく「;（セミコロン）」で記述してしまっているミスがあるJSONコードをJSON.parse()メソッドを使って変換しているJavaScriptコードにて同エラーは発生します。

let json = '{ "name": "taro"; "age": 20}';
let obj = JSON.parse($json);

Expcted ',’ or '}’ after property value in JSON エラーの修正案

「Expected ',’ or '}’ after property value in JSON」エラーを修正するには、JSONコードを正しい書式になっているかどうか確認、修正する必要があります。

上記したエラーを発生するスクリプトの場合、プロパティの区切り文字を「;（セミコロン）」から「,（カンマ）」に書き換えることで問題を解決します。

let json = '{ "name": "taro"; "age": 20}';
let obj = JSON.parse($json);