json字符串在前端处理

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，在前端开发中十分常见。它的语法与JavaScript中的对象字面量非常相似。

在前端处理JSON字符串时，我们需要将它转换成JavaScript对象，通过读取和修改对象属性来完成我们的操作。转换JSON字符串到JavaScript对象的方法有两种：

1. JSON.parse()

    
        const jsonString = '{"name":"Tom","age":20}';
        const jsonObj = JSON.parse(jsonString); // 将JSON字符串转换成JavaScript对象

        console.log(jsonObj.name); // 输出 "Tom"
    

2. $.parseJSON()

    
        const jsonString = '{"name":"Tom","age":20}';
        const jsonObj = $.parseJSON(jsonString); // 将JSON字符串转换成JavaScript对象

        console.log(jsonObj.age); // 输出 20
    

如果我们需要将JavaScript对象序列化成JSON字符串，可以使用JSON.stringify()方法：

    
        const jsonObj = { name: "Tom",age: 20 };
        const jsonString = JSON.stringify(jsonObj); // 将JavaScript对象转换成JSON字符串

        console.log(jsonString); // 输出 '{"name":"Tom","age":20}'
    

在前端开发中，我们通常会使用AJAX请求后端API接口，获取JSON数据。通过以上方法，我们可以将JSON字符串转换成JavaScript对象，方便地对数据进行处理和展示。