什么是 json5?
JSON5 是 JSON 的超集，它允许在 JSON 中使用一些 JavaScript 不支持的语法，比如注释和逗号结尾。JSON5 保留了 JSON 的字符串、数字、布尔值和 null 类型，但同时增加了对日期、正则表达式和函数的支持。
安装和使用
我们可以通过 npm 安装 json5：
npm install json5安装完成后，我们可以在项目中使用 require 导入 json5 模块，然后使用 parse 方法将 json5 字符串解析为 JavaScript 对象，也可以使用 stringify 方法将 JavaScript 对象转换为 json5 字符串。
-- -------------------- ---- ------- ----- ----- - ----------------- -- - ----- ------ ---------- -- ----- --- - ------------------ ------ ---- --- -- ------ ----------------- -- ----- ------ ---- --- -- --- -- - ---------- ----- ----- --- ----- --- - --------------------- ------ ---- --- -- ---- ----- --- ----------------- -- - ---- ------ ---- - -- -- - - - --展开代码
支持的语法特性
JSON5 支持以下语法特性：
注释
JSON5 支持单行和多行注释：
{ // 单行注释 /* 多行注释 */ "foo": "bar" }
对象属性名称可以不用引号
JSON5 允许在对象中使用非字符串的属性名称，如果属性名称是一个合法的标识符，则可以省略引号：
{ foo: "bar", baz: [1, 2, 3] }
数组和对象可以以逗号结尾
JSON5 允许在数组和对象的最后一个元素之后加上逗号：
{ "foo": "bar", "baz": [ 1, 2, 3, // 允许在最后一个元素之后加上逗号 ], }
字符串支持单引号和反斜杠转义
JSON5 允许在字符串中使用单引号，并且支持反斜杠转义：
{ "foo": 'bar', "baz": "Hello,\\nworld!" // 支持反斜杠转义 }
支持日期、正则表达式和函数等类型
JSON5 支持将日期、正则表达式和函数等 JavaScript 特定类型转换成 json5 格式：
{ "date": new Date('2023-04-07T00:00:00.000Z'), "regexp": /hello/gi, "func": function() { console.log('hello'); } }
总结
JSON5 是 JSON 的扩展，它允许在 JSON 中使用一些 JavaScript 不支持的语法特性，比如注释和逗号结尾。通过 npm 包 json5，我们可以在前端开发中更方便地处理这些扩展语法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/34194
