代码视图 (Code)
树形视图 (Tree)

工具说明与 JSON 结构知识点

工具特点

  • 双向实时同步:左侧代码视图和右侧树形视图的数据是实时联动的。在左侧修改代码,右侧会自动更新树结构;在右侧操作节点(增删改),左侧代码也会同步更新。
  • 多种视图模式:除了默认的代码(Code)和树形(Tree)模式,编辑器内部菜单还提供了纯文本(Text)、表单(Form)和只读(View)等多种模式切换。
  • 本地安全导出:所有数据处理均在浏览器端纯前端完成。处理完成后的 JSON 数据支持一键导出到本地文件,确保数据隐私安全。

JSON 结构的核心概念

  • 对象 (Object):由花括号 {} 包裹的无序键值对集合。键必须是双引号包裹的字符串(如 "name"),值可以是任何有效的 JSON 数据类型。
  • 数组 (Array):由方括号 [] 包裹的有序值列表。数组内的元素可以包含不同的数据类型。
  • 基础数据类型:JSON 的值支持字符串(String)、数字(Number)、布尔值(truefalse)以及空值(null)。