JSON工具使用指南：解析、格式化、压缩与校验

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，在前端开发中经常使用。本文将介绍几个常用的JSON处理功能，包括JSON的解析、格式化、压缩、转义与校验。

1. JSON解析与格式化

JSON解析是将JSON字符串转换为JavaScript对象的过程，而格式化则是让JSON数据更易读。以下是一个简单的实现：

// JSON解析
function parseJSON(jsonString) {
    try {
        return JSON.parse(jsonString);
    } catch (e) {
        console.error('JSON解析错误:', e);
        return null;
    }
}

// JSON格式化
function formatJSON(jsonObj) {
    try {
        return JSON.stringify(jsonObj, null, 2);
    } catch (e) {
        console.error('JSON格式化错误:', e);
        return null;
    }
}

// 使用示例
const jsonString = '{"name":"张三","age":25,"skills":["JavaScript","Python"]}';
const parsed = parseJSON(jsonString);
console.log(formatJSON(parsed));

2. JSON压缩

JSON压缩是去除所有不必要的空白字符，使JSON字符串更紧凑。这在网络传输时特别有用：

function compressJSON(jsonObj) {
    try {
        return JSON.stringify(jsonObj);
    } catch (e) {
        console.error('JSON压缩错误:', e);
        return null;
    }
}

// 使用示例
const obj = {
    name: "张三",
    age: 25,
    skills: ["JavaScript", "Python"]
};
console.log(compressJSON(obj));
// 输出: {"name":"张三","age":25,"skills":["JavaScript","Python"]}

3. JSON转义与去转义

在处理JSON字符串时，有时需要对特殊字符进行转义或去转义：

// JSON转义
function escapeJSON(str) {
    return str.replace(/[\\"']/g, '\\$&')
              .replace(/\u0000/g, '\\0');
}

// JSON去转义
function unescapeJSON(str) {
    return str.replace(/\\([\\"'])/g, '$1')
              .replace(/\\0/g, '\u0000');
}

// 使用示例
const text = 'Hello "World"';
console.log(escapeJSON(text));    // 输出: Hello \"World\"
console.log(unescapeJSON('Hello \"World\"')); // 输出: Hello "World"

4. JSON校验

JSON校验确保JSON字符串的格式正确：

function validateJSON(jsonString) {
    try {
        JSON.parse(jsonString);
        return {
            valid: true,
            message: 'JSON格式正确'
        };
    } catch (e) {
        return {
            valid: false,
            message: `JSON格式错误: ${e.message}`
        };
    }
}

// 使用示例
const validJSON = '{"name":"张三","age":25}';
const invalidJSON = '{name:"张三",age:25}'; // 缺少引号

console.log(validateJSON(validJSON));
console.log(validateJSON(invalidJSON));

5. 在线格式

JSON 工具演示

6. 在线工具推荐

除了自己实现这些功能外，也可以使用一些优秀的在线工具：

SOJSON - 提供JSON解析、格式化、压缩等功能
JSONLint - JSON验证工具
JSON Editor Online - 可视化的JSON编辑器

7. 实际应用场景

API开发：在前后端交互时，经常需要处理JSON数据
配置文件：使用JSON格式存储配置信息
数据存储：在NoSQL数据库中存储JSON格式的数据
日志记录：将日志信息以JSON格式存储，便于后续分析

总结

掌握JSON的各种处理技巧对于前端开发来说非常重要。通过本文介绍的方法，你可以轻松实现JSON的解析、格式化、压缩、转义和校验等功能。在实际开发中，可以根据具体需求选择合适的方法或工具。