# JSON数据对比工具

**Repository Path**: ranlubo/json-data-comparison-tool

## Basic Information

- **Project Name**: JSON数据对比工具
- **Description**: JSON数据对比工具是一个基于纯 JavaScript 实现的在线工具，用于比较两个 JSON 文件或数据结构之间的差异。它提供了多种比较模式和配置选项，能够精确识别 JSON 数据之间的结构差异、值差异和类型差异。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2025-08-14
- **Last Updated**: 2025-08-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# JSON数据对比工具

#### 介绍
JSON数据对比工具是一个基于纯 JavaScript 实现的在线工具，用于比较两个 JSON 文件或数据结构之间的差异。它提供了多种比较模式和配置选项，能够精确识别 JSON 数据之间的结构差异、值差异和类型差异。
## 功能特性

### 核心比较功能
- **全面差异检测**：识别字段添加、删除、修改和类型变化
- **多种数据类型支持**：对象、数组、字符串、数字、布尔值和 null
- **嵌套结构比较**：深度比较嵌套的 JSON 对象和数组
- **数组比较选项**：可选择是否忽略数组元素顺序

### 高级配置选项
- **以左边为基准比较**：只比较左边 JSON 中存在的字段，忽略右边新增字段
- **数值精度比较**：可配置数值比较的精度阈值
- **键名过滤**：支持指定忽略比较的键名列表
- **大小写敏感**：可选是否区分字符串大小写
- **空格忽略**：可选是否忽略字符串首尾空格

### 可视化输出
- **交互式差异展示**：清晰标注每个差异的位置和类型
- **多视图切换**：摘要视图、详细差异视图和原始数据视图
- **差异分类统计**：提供差异的汇总统计信息
- **色彩编码**：不同类型差异使用不同颜色标识

## 使用场景

1. **API 测试**：比较 API 响应与预期结果的差异
2. **配置验证**：检查不同环境配置文件的一致性
3. **数据迁移验证**：确保数据迁移前后的完整性
4. **版本对比**：比较 JSON 数据结构在不同版本间的变化
5. **文档校验**：验证生成的 JSON 文档是否符合规范

## 技术特点

- **纯前端实现**：无需服务器支持，完全在浏览器中运行
- **响应式设计**：适配各种屏幕尺寸，从桌面到移动设备
- **零依赖**：仅使用原生 JavaScript，不依赖任何第三方库
- **轻量高效**：代码精简，性能优化，可处理大型 JSON 文件

## 快速开始
1. 访问：[下载](https://gitee.com/ranlubo/json-data-comparison-tool/repository/archive/master.zip)浏览器直接运行index.html使用
2. 在左右两个文本框中分别输入或粘贴 JSON 内容
3. 根据需要调整比较选项
4. 点击"比较 JSON"按钮查看结果

## 许可证

本项目采用 [MIT 许可证](LICENSE)。

## 示例截图
![输入图片说明](doc%E4%BD%BF%E7%94%A8%E5%9B%BE.png)


---

**Star 本项目**：如果您觉得这个工具有用，请给个 Star！