百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

Hjson:JSON 的语法扩展 json用法

zhezhongyun 2024-12-22 21:56 82 浏览

背景

从理论上讲,JSON 很容易让人阅读和编写。在实践中,JSON 给了我们很多犯错误的机会,甚至没有意识到。

Hjson 是 JSON 的语法扩展。这并不是替换 JSON 或将其合并到 JSON 规范本身的提议。

它的目的是像方便程序员理解和使用,在将 JSON 数据传递到机器之前易于读取和编辑。

JSON的历史

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。易于人阅读和编写,可以在多种语言之间进行数据交换。同时也易于机器解析和生成。

它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。

JSON 源于对实时服务器到浏览器会话通信协议的需求,无需使用 Flash 或 Java 小程序等浏览器插件,这是 2000 年代初期使用的主要方法。

JSON是Douglas Crockford在2001年开始推广使用的数据格式。

2005 年 12 月,Yahoo!开始以 JSON 形式提供一些 Web 服务。

Hjson 有什么用?

逗号(COMMAS)

再也不会因为缺少逗号而出现语法错误,只要把每个键值对写在新的一行中即可。

{
  first: 1
  second: 2
}

注释(COMMENTS)

Hjson支持使用单行注释:#//, 和多行注释 /**/

{
  # 单行注释

  // 行注释

  /* 块样式注释
     ...... */

  # Everything you do in comments,
  # stays in comments ;-}
}

键值(key)

对象的key可以不使用双引号来指定,这使得它们更容易阅读。

{
  # 指定请求数/秒的速率
  rate: 1000
}

无引号字符串(QUOTELESS STRINGS)

对象的value如果是单行的字符串,也可以不添加引号

{
  JSON: "a string"

  Hjson: a string

  # 注意,无需转义:
  RegEx: \s+
}

多行(MULTILINE)

可以书写多行字符串,方便阅读,使用三引号来表示:

{
  md:
    '''
    第一行.
    第二行.
      该行缩进两个空格.
    '''
}

标点符号,空格和退格符(PUNCTUATORS, SPACES AND ESCAPES)

JSON 和 Hjson 使用字符{}[],:作为标点符号来定义数据的结构。

标点符号和空格不能用在无引号的键中,也不能用作无引号字符串的第一个字符。在这种情况下,我们就需要使用引号来表示含有标点符号的字符串。

反斜杠仅用作带引号的字符串中的转义字符。

{
  "key name": "{ sample }"
  "{}": " spaces at the start/end "
  this: is OK though: {}[],:
}

Hjson:一个C#实现

Hjson的C#实现是基于System.Json,支持的框架/运行时包括.NET Core、.NET 4.x 和 Mono。

百度网盘:https://pan.baidu.com/s/1NF0_wdFmiHeUn77FMRS0yA?pwd=86qj

Hjson的用法

你可以:

  • 直接使用上面的库
  • 或只是将 Hjson 转换为 JSON 并将其与您最喜欢的 JSON 库一起使用。

转化

// 将 Hjson 转换为 JSON
var jsonString = HjsonValue.Load(filePath).ToString();

// 将 JSON 转换为 Hjson
var hjsonString = JsonValue.Load("test.json").ToString(Stringify.Hjson);

读取

var jsonObject = HjsonValue.Load(filePath).Qo();

HjsonValue.Load() 将接受 Hjson 和 JSON。您可以使用 JsonValue.Load() 仅接受 JSON 输入。

Object示例

var jsonObject = HjsonValue.Parse("{\"name\":\"hugo\",\"age\":5}").Qo();
string name = jsonObject.Qs("name");
int age = jsonObject.Qi("age");
// 您可能更喜欢获取任何字符串值
string age2 = jsonObject.Qstr("age");

// 或遍历对象成员
foreach (var item in jsonObject)
{
  Console.WriteLine("{0}: {1}", item.Key, item.Value);
}

数组示例

var jsonArray = HjsonValue.Parse("[\"hugo\",5]").Qa();
string first = jsonArray[0];

// 或遍历数组
foreach (var item in jsonArray)
  Console.WriteLine(item.ToValue());

嵌套示例

var nested = HjsonValue.Parse("{\"partner\":{\"name\":\"John\",\"age\":23}}").Qo();
string name = nested.Qo("partner").Qs("name", "default");
int age = nested.Qo("partner").Qi("age", 77);
string gender = nested.Qo("partner").Qs("gender", "unknown");

新建Json对象

var jsonObject = new JsonObject
{
  { "name", "John" },
  { "age", 23 },
};
// -> { "name": "John", "age", 23 }

JsonArray jsonArray = new JsonArray()
{
  "John",
  23,
};
// -> [ "John", 23 ]

修改

jsonObject["name"] = "Hugo";
jsonObject.Remove("age");

持续化写入文件

HjsonValue.Save(jsonObject, "file.hjson"); // 作为 Hjson
HjsonValue.Save(jsonObject, "file.json"); // 作为 JSON

ToString()

jsonObject.ToString(Stringify.Hjson); // Hjson输出
jsonObject.ToString(Stringify.Formatted); // 格式化 JSON 输出
jsonObject.ToString(Stringify.Plain); // JSON 输出
jsonObject.ToString(); // Plain 默认

整体效果

相关推荐

3 分钟!AI 从零开发五子棋全过程曝光,网友:这效率我服了

<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8...

一行代码实现display&quot;过渡动画&quot;原理

作者:Peter谭老师转发链接:https://mp.weixin.qq.com/s/XhwPOv62gypzq5MhhP-5vg写本文的起因上篇文章,提到如何让display出现过渡动画,却没有仔...

脑洞:琼恩·雪诺、蝙蝠侠和魔形女的灵魂宠物了解一下

AlekseiVinogradovisaRussianfreelancedigitalartistwhoshareshisskillsandtalentwith120k...

浏览器的渲染机制、重绘、重排

1、什么是重排和重绘网页生成过程:HTML被HTML解析器解析成DOM树css则被css解析器解析成CSSOM树结合DOM树和CSSOM树,生成一棵渲染树(RenderTree)生成布局(flo...

托福写作高频考题写作思路&amp;词汇丨考虫独家

科技话题与媒体话题是托福写作的常考话题很多考生对这两类话题里的专有词汇表达也许很不了解所以今天就跟随考虫托福写作老师刘云龙老师一起来学习在这些话题的写作里你可以使用哪些有用的表达。希望大家有收获!记得...

在优麒麟上使用 Electron 开发桌面应用

使用Web标准来创建桌面GUI,上手快、成本低、跨平台、自适应分辨率,这些都是Electron的优势。作者/来源:优麒麟Electron是由Github开发,用HTML、CSS和...

php手把手教你做网站(三十八)jquery 转轮盘抽奖,开盲盒

抽奖和开盲盒性质一样的都是通过ajax读取后台的随机数据。1、转轮盘本来是想直接绘图实现轮盘,但是没有找到怎么填充文字,只好把轮盘弄成了背景图,通常用于游戏抽道具,商城积分抽奖,公司年末员工抽奖点击抽...

用 CSS 整活!3D 轮播图手把手教学,快乐代码敲出来

兄弟们,今天咱来搞点好玩的——用CSS整一个3D轮播图!咱野生程序员就是要在代码里找乐子,技术和快乐咱都得要!代码是写不完的,但咱能自己敲出快乐来,走起!一、先整个容器,搭个舞台咋先写一个...

实现一个超酷的 3D 立体卡片效 #前端开发

今天我们来实现一个超酷的3D立体卡片效果。正常情况下就是一个普通的图片展示卡片,鼠标悬停的时候图片会跳出卡片,并将影子投射到背景卡片上,在视觉上有一个3D立体感。html主要分成3个部分:容器→背景层...

Vue 3 Teleport与Suspense:解决UI难题的两个&quot;隐藏大招&quot;

模态框的"层级噩梦"与Teleport的救赎"这个模态框怎么又被父容器截断了?"团队协作开发后台系统时,小张第N次遇到这个问题。多层嵌套的组件结构里,弹窗被overfl...

让交互更加生动!有意思的鼠标跟随 3D 旋转动效

今天,群友问了这样一个问题,如下所示的鼠标跟随交互效果,如何实现:简单分析一下,这个交互效果主要有两个核心:借助了CSS3D的能力元素的旋转需要和鼠标的移动相结合本文,就将讲述如何使用纯CSS...

填坑:transform元素导致zindex失效终极方法

今天遇到了使用css3动画的元素层级被放大置顶的问题,ios浏览器上没问题,安卓原生浏览器和安卓微信上有问题。使用了css3动画的元素z-index失效,兄弟元素设置多高的z-index都盖不住解决办...

诡异的层级错乱:一个被transform隐藏的CSS陷阱

周五下午三点十七分,设计部突然发来紧急截图——原本应该悬浮在顶部的导航菜单,此刻正诡异地被下方的轮播图遮挡。我盯着屏幕上错乱的层级关系,手指下意识地敲下z-index:9999,心里清楚这不过是程序...

动画篇--碎片动画

本文授权转载,作者:Sindri的小巢(简书)前言从最开始动笔动画篇的博客,至今已经过去了四个多月。这段时间回头看了看自己之前的动画文章,发现用来讲解动画的例子确实不那么的赏心悦目。于是这段时间总是想...

Nature:大洋转换断层处的拉张构造与两阶段地壳增生

Nature:大洋转换断层处的拉张构造与两阶段地壳增生转换断层是三种基本的板块边界之一,全球总长度超过48000km(Bird,2003),它们的发现为板块构造理论的建立奠定了重要的基础(Wil...