JSON5的作用、安装及使用

已于 2025-03-11 15:07:29 修改
阅读量3k 收藏 1
点赞数
分类专栏： # Javascript理论与实践 文章标签： 数学建模
于 2023-06-18 00:30:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cuclife/article/details/131262785
版权

JSON5是对JSON的扩展，让人可以更容易手工编写和维护，用来减少一些JSON的限制，诸如json语法不支持注释，不支持字符串换行，所有的key都必须双引号，末尾不能有多余的逗号…等等，一大堆极其严格的要求和不支持的功能。

安装引用

npm install json5

const JSON5 = require('json5')
<script src="https://unpkg.com/json5@^2.0.0/dist/index.min.js"></script>

语法示例

在这里插入图片描述

JSON5.parse(text[, reviver])

JSON5.stringify(value[, replacer[, space]])

JSON5.stringify(value[, options])

减轻json的限制

{
// comments
unquoted: ‘and you can quote me on that’,
singleQuotes: ‘I can use “double quotes” here’,
lineBreaks: “Look, Mom!
No 's!”,
hexadecimal: 0xdecaf,
leadingDecimalPoint: .8675309, andTrailing: 8675309.,
positiveSign: +1,
trailingComma: ‘in objects’, andIn: [‘arrays’,],
“backwardsCompatible”: “with JSON”,
}

1，对象Objects

属性key可以不使用引号包含
属性key可以使用单引号包含
允许有多余的逗号结尾

2，数组Array

允许有多余的逗号结尾

3，字符串String

字符串允许使用单引号包裹字符串
字符串允许使用转义字符
通过转义换行符，字符串可以跨越多行

{
$name:‘HellO’,
$desc:"hello
world!

haha!
",
code:1,
msg:“Hello World !”,
}

4，数字number

数字可以用十六进制表示
允许使用小数点开头或结尾的数字
数字可以使用正无穷大、负无穷大、和Nan 来表示
数字前面可以有一个正号+

{
code:0xFF,
a:.007,
b:7.
f:-.32e-3,
p:Infinity,
n:-Infinity,
c:NaN,
d:+10
}

5，标注 comment

支持单行注释和多行注释

6，空白 white space

允许在任何在json5相关符号之前和之后都可能出现多余的空白符。

注意事项：

在这里插入图片描述

在这里插入图片描述

No.大剑师精品GIS教程推荐
0地图渲染基础- 【WebGL 教程】 - 【Canvas 教程】 - 【SVG 教程】
1Openlayers 【入门教程】 - 【源代码+示例 300+】
2Leaflet 【入门教程】 - 【源代码+图文示例 150+】
3MapboxGL【入门教程】 - 【源代码+图文示例150+】
4Cesium 【入门教程】 - 【源代码+综合教程 200+】
5threejs【中文API】 - 【源代码+图文示例200+】
6Shader 编程 【图文示例 100+】
7Geoserver 【配置教程 100+】
8卫星应用开发教程 【配置+应用教程 100+】
9GIS数字孪生与大模型 【应用实战 100+】
10报表与数字大屏 【Echarts 实战示例】 - 【D3 综合教程】 - 【其他大屏】

JavaScript简介

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

JavaScript在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

JavaScript的标准是ECMAScript。截至2012年，所有浏览器都完整的支持ECMAScript 5.1，旧版本的浏览器至少支持ECMAScript 3标准。2015年6月17日，ECMA国际组织发布了ECMAScript的第六版，该版本正式名称为ECMAScript 2015，但通常被称为ECMAScript 6或者ES2015。

JavaScript运行模式

JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

1.是一种解释性脚本语言（代码不进行预编译）。
2.主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
3.可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
4.跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。
5.JavaScript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。

JavaScript脚本语言具有以下特点:

（1）脚本语言。JavaScript是一种解释型的脚本语言，C、C++等语言先编译后执行，而JavaScript是在程序的运行过程中逐行进行解释。
（2）基于对象。JavaScript是一种基于对象的脚本语言，它不仅可以创建对象，也能使用现有的对象。
（3）简单。JavaScript语言中采用的是弱类型的变量类型，对使用的数据类型未做出严格的要求，是基于Java基本语句和控制的脚本语言，其设计简单紧凑。
（4）动态性。JavaScript是一种采用事件驱动的脚本语言，它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时，鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。
（5）跨平台性。JavaScript脚本语言不依赖于操作系统，仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用，前提是机器上的浏览器支持JavaScript脚本语言，JavaScript已被大多数的浏览器所支持。 [4]不同于服务器端脚本语言，例如PHP与ASP，JavaScript主要被作为客户端脚本语言在用户的浏览器上运行，不需要服务器的支持。所以在早期程序员比较倾向于使用JavaScript以减少对服务器的负担，而与此同时也带来另一个问题，安全性。
而随着服务器的强壮，虽然程序员更喜欢运行于服务端的脚本以保证安全，但JavaScript仍然以其跨平台、容易上手等优势大行其道。同时，有些特殊功能（如AJAX）必须依赖JavaScript在客户端进行支持。

Python爬虫——使用JSON库解析JSON数据_爬虫json解析
m0_60721823的博客
04-30 879
当我学到一定基础，有自己的理解能力的时候，会去阅读一些前辈整理的书籍或者手写的笔记资料，这些笔记详细记载了他们对一些技术点的理解，这些理解是比较独到，可以学到不一样的思路。Python所有方向的技术点做的整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照下面的知识点去找对应的学习资源，保证自己学得较为全面。观看全面零基础学习视频，看视频学习是最快捷也是最有效果的方式，跟着视频中老师的思路，从基础到深入，还是很容易入门的。发现有 js 后缀的文件，这就是我们想要的 json 数据了。
json 5个架包使用
06-24
json 5个架包 ezmorph-1.0.6.jar json-lib-2.4-jdk15.jar commons-lang-2.5.jar commons-collection-3.2.1.jar commons-beanutils.jar
JSON和JSON5的区别
qq_34937710的博客
07-07 1414
JSON 和 JSON5 各有优劣，开发者可以根据具体需求选择合适的格式。对于需要严格格式和广泛兼容性的场景，JSON 是更好的选择。而在需要更灵活和易读的配置文件或手动编辑场景下，JSON5 提供了更多的便利和可读性。
json5:由golang实现的JSON5
05-14
由golang实现的json5 是另一种JSON。 安装 $ brew tap yosuke-furukawa/json5 $ brew install json5 如何使用 $ json5 -c path/to/test.json5 # output stdout $ json5 -c path/to/test.json5 -o path/to/test.json # output path/to/test.json 去弄 $ go get github.com/yosuke-furukawa/json5 例子 package main import ( "encoding/json" "fmt" "github.com/yosuke-furukawa/json5/encoding/json5" "os" ) func main () { var data interface
解锁JSON新姿势：JSON5库使用全攻略
最新发布
wujiayu31415的博客
03-20 467
在现代前端开发中，JSON作为一种轻量级的数据交换格式，几乎无处不在。然而，标准的JSON格式虽然简洁，但在实际使用中却显得有些“死板”。库提供了简单易用的API，能够轻松解析和生成JSON5格式的数据。JSON5是JSON的一个超集，它在保持JSON简洁性的同时，增加了一些人性化的特性。如果你在项目中遇到了JSON格式的限制，不妨试试JSON5，相信它会给你带来更好的开发体验。JSON5通过引入注释、无引号键名、单引号字符串等特性，使得JSON格式更加灵活和易用。在实际项目中，JSON5常用于配置文件。
JSON+JSON5介绍
lalala_dxf的博客
12-20 3114
JSON，全称：javascriip对象表示法（JavaScript Object Notation），类似于XML，是轻量级的存储和交换文本信息的语法格式，并且JSON一段文本内容，JSON比XML存储更小、读写速度更快、更易解析，并且比XML更易于人阅读，JSON独立于语言，基本所有语言都支持JSON。在开发Panda Api的最初版本，文档是用json来写的，但json语法不支持注释，不支持字符串换行，所有的key都必须双引号，末尾不能有多余的逗号…等等，一大堆极其严格的要求和不支持的功能。
2021-01-06 JSON5的用处
又一个四季在轮回
01-06 277
JSON5的用处 详情见：https://zhuanlan.zhihu.com/p/108119490 JSON5是对JSON的扩展 具有以下特点： key值允许没有双引号 { code:1, msg:"Hello" } const JSON5 = require('json5') const obj = { name: 'keliq', age: 12, } const res = JSON5.stringify(obj) console.log(res) // {nam.
JSON5：为人类而设计的JSON扩展
2401_86652632的博客
12-10 1684
JSON5是一种对传统JSON格式的扩展，旨在让手写和维护配置文件等任务变得更为轻松。它保持了与JSON的高度兼容性，同时引入了一些来自ECMAScript 5.1的新特性，使得语法更加灵活友好。例如，允许对象键未加引号、数组末尾逗号、单引号字符串等等。这些改进不仅提高了可读性，也减少了出错的可能性。
JSON5是什么？它和JSON有什么区别？
github_38727595的博客
04-16 5104
什么是json5，它和json有什么区别，主要用在哪些场景？
package.json中的版本和package-lock.json的作用
01-07
而且当你的 npm 版本升级到 5.X.X 版本以上的时候，对应目录下还是自动生成一个 package-lock.json 文件，这个文件的作用又是什么呢。博主根据网上资料简单说明一下。 1.package.json 版本 dependencies: { react:...
package.json中main，module，exports三种方式的使用，自定义入口文件index.js
05-07
在JavaScript的模块化开发中，`package.json` 文件起着至关重要的作用，它定义了项目的元数据，并指定了模块的入口文件。对于Vue.js项目，尤其是由`@vue/cli`生成的Vue3项目，`package.json`中的`main`、`module`和`...
谷歌浏览器及360浏览器格式化json插件
12-15
标题中的“谷歌浏览器及360浏览器格式化json插件”指的是在Google Chrome和360浏览器中用于美化和格式化JSON数据的扩展程序。这类插件通常可以帮助开发者和数据分析人员更清晰地查看和理解JSON对象，使得大量复杂的...
json5：JSON5 —用于人类的JSON
02-03
JSON5 –人类的JSON JSON5数据交换格式（JSON5）是的超集，旨在通过扩展其语法以包含某些产品来减轻某些限制。 此JavaScript库是JSON5解析和序列化库的官方参考实现。 功能概要 JSON中不支持的以下ECMAScript 5.1功能已扩展到JSON5。 对象 对象键可以是ECMAScript 5.1 。 对象可能只有一个尾随逗号。 数组 数组可以有一个尾随逗号。 弦乐 字符串可以用单引号引起来。 字符串可以通过转义换行符来跨越多行。 字符串可能包含字符转义符。 号码 数字可以是十六进制的。 数字可能有一个前导或尾随的小数点。 数字可以是正无穷大，负无穷
jsonview使用工具
10-21
在Web开发、API调试或者数据分析中，JSON格式的数据经常被使用，而JSONView则提供了友好的视图，使得这些数据能够以树状结构清晰地展现出来，便于理解和操作。 一、JSONView的安装与启用 1. 首先，你需要访问Chrome...
学习JSON5，从这里开始
Learn-anything.cn
12-07 717
一、JSON5 解决了什么问题？ JSON5 对 JSON 进行了扩展，增加了如下功能： 可以增加单行或多行注释； 去掉 JSON序列化后，key的双引号，减少 JSON 文件大小； object 和 array 用 逗号结尾，不会视为语法错误； 序列化后的 string 可以用单引号和双引号，JSON中只能用双引号； number 增加了16进制、小数、正负等； JSON 介绍及用法，看这里！ 二、怎么使用？ 使用 Node.js 环境，通过一个简单示例，展示JSON5的使用方式以及新的功能。Nod
JSON5: 更人性化的JSON语法
gitblog_00087的博客
03-17 904
JSON5: 更人性化的JSON语法 去发现同类优质开源项目:https://gitcode.com/ JSON5是一种扩展了JSON的语法，使其更易于编写、阅读和处理的数据格式。相比原始的JSON，JSON5在保留其核心特性的同时，引入了一些额外的功能，如注释、多行字符串等。 什么是JSON5？ JSON5是由），它试图解决JSON的一些痛点，如不能添加注释、不支持单引号和模板字符串、不允许对象...
JSON5:JSON的现代化扩展
一名全栈开发工程师
06-07 1073
JSON，全称JavaScript Object Notation，是一种基于文本，用于存储和传输数据的轻量级数据交换格式。JSON易于阅读和编写，同时也易于机器解析和生成。"age": 30,这段JSON表述的是一个拥有三个属性（name, age, city）的对象。JSON5是JSON的现代化扩展。该名字来源于ECMAScript 5（ES5），而ES5是JavaScript的一个版本。JSON5的目标是让JSON代码更容易阅读和编写。
JSON5的作用安装及使用
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
02-06 826
JSON5作为一种对JSON的扩展，旨在解决标准JSON中的一些限制并提供更灵活的数据表示方式。无论是构建用户友好的配置系统，还是处理复杂的后端交互，掌握JSON5都能为我们带来显著的优势。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身农奴把歌唱，这里展示了一个简单的JSON5示例，包括了注释和不带引号的键名。利用JSON5的注释功能，可以为配置项添加描述，便于维护。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

还是大剑师兰特

打赏一杯可口可乐

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值