C-MOON

主にプログラミング勉強中のメモを書いていきます。

【JSON】SyntaxError: JSON.parse: expected property name or '}'…発生時の対処

以下のjsonファイルはWebブラウザでの読み込みに失敗します。

[
    { id: 1, name: "Yamada", email: "yamada@example.com" },
    { id: 2, name: "Tanaka", email: "tanaka@example.com" },
    { id: 3, name: "Suzuki", email: "suzuki@example.com" }
]

エラーメッセージです。
「構文エラーが発生しており、プロパティ名か閉じ括弧が怪しい」と言っています。

SyntaxError: JSON.parse: expected property name or '}' at line 2 column 7 of the JSON data

修正

プロパティ名はダブルクォーテーションをつける必要がありました。

[
    { "id": 1, "name": "Yamada", "email": "yamada@example.com" },
    { "id": 2, "name": "Tanaka", "email": "tanaka@example.com" },
    { "id": 3, "name": "Suzuki", "email": "suzuki@example.com" }
]

ブラウザでも、正しく表示されます。
f:id:thenewsinpu:20180621232847p:plain

おまけ

VisualStudioCodeであれば、構文エラーの発生箇所、理由が即座にわかります。
f:id:thenewsinpu:20180621233002p:plain