javascript - JSオブジェクトをhtmlデータ属性に保存する

Question

どうしてこれ？

data-something='{property:1}'

動作しませんが、これ

data-something='{"property":1}'

します。それはありますか

Answer 1

JSONではオブジェクトキーを引用符で囲む必要があるためです。これはJSON仕様で義務付けられています; 引用符で囲まれていないキーを受け入れるということは、実装がJSONに準拠していないことを意味します。

この決定は、JavaScriptでの予約キーワードの問題を回避するために行われました。有効なJSONも有効なJavaScript式であることが望まれ、それを実現するには、やのようなキーを引用する必要がreturnありfunctionます。JSON言語の仕様を簡素化するために、引用符で囲む必要のあるキーのリストを維持するのではなく、すべてのキーを引用符で囲む必要があり、それによってJSON文法が複雑になります（また、JSON言語をJavaScript言語よりも密接に結び付ける）それ以外の場合は必要になります）。