JSON 编辑器：从语法到数据处理（二）

在上一篇中，我们了解了 JSON 的语法和 编辑器，解决了 "怎么写对 JSON" 的问题。

而实际开发中，更关键的是 "怎么高效处理 JSON 数据" ------ 如何从商品列表里筛出高价商品？如何提取关键字段？如何给数据排序？本文将从语法原理→场景拆解→工具联动 ，系统剖析JSON编辑器++数据转换++的功能。

JMESPath 是一套 专门用于查询和转换 JSON 数据的语法规则 ，类似 JSON 版的 "SQL 查询"，支持 过滤、排序、字段提取 等操作。

模块	作用	关键逻辑
Language	说明用 JMESPath 语法处理 JSON（类似 SQL 但针对 JSON 的查询语言）	需学 `@`、`.`、`[]` 等语法
Path	选择要处理的 JSON 片段（默认 `(whole document)` 处理整个数据）	可填 `widget.items` 仅处理子结构
Wizard	可视化向导（简化 JMESPath 编写，适合新手）	支持过滤、排序、字段选择
Query	手动写 JMESPath 表达式的输入框	示例 `[*]` 表示 "所有数组元素"
Original	原始 JSON 数据（左边是操作前的内容）	实时展示当前要处理的 JSON
Preview	转换后的预览结果（点 `Transform` 后显示）	验证 JMESPath 是否符合预期

假设原始 JSON 是商品列表：

复制代码

[
  { "name": "无线耳机", "price": 299, "stock": 50 },
  { "name": "运动水杯", "price": 49, "stock": 100 }
]

操作： 选择字段 price → 运算符 > → 值 100；
筛选出 价格 > 100 的商品；
点 Transform 后，右侧 Preview 预览仅保留符合条件的结果：
复制代码
```
[ { "name": "无线耳机", "price": 299, "stock": 50 } ]
```

界面根据配置，自动生成查询语句：

复制代码

[? price > `100`]

语法解释 ：
- [] 表示对 JSON 数组操作（示例中是商品数组 [{}, {}]）；
- ? 是过滤断言，后面跟条件（price > 100）；
- 注意：值为字符串时需用 ````` 包裹（如 100 ，数字也兼容）。

Pick（提取）：选择需要的字段

结果：

复制代码

[
  { "name": "无线耳机", "price": 299, "stock": 50 },
  { "name": "运动水杯", "price": 49, "stock": 100 }
]

简单需求用 Wizard：
- 选 Filter → 填条件（如 price > 100 ），编辑器自动生成 JMESPath；
- 点 Transform 看结果，无需手写语法。
复杂需求学基础语法：
- 记住**@（当前节点）、.（访问属性）、[*]（遍历数组）、[?条件]（过滤）**；
- 结合 JMESPath 教程练习，5 分钟就能写简单查询。