JQuery前端之操作JSON的方法

在前端操作JSON，主要涉及到解析和序列化两个过程。

1. JSON解析：

JSON解析就是将JSON字符串转换为JavaScript对象。

var jsonString = '{"name":"John", "age":30, "city":"New York"}';
var obj = $.parseJSON(jsonString);
alert( obj.name + ", " + obj.age + ", " + obj.city );

2. JSON序列化：

JSON序列化就是将JavaScript对象转换为JSON字符串。

var obj = { name: "John", age: 30, city: "New York" };
var jsonString = JSON.stringify(obj);
alert(jsonString);

3. 使用$.each遍历JSON对象：

var jsonString = '{"name":"John", "age":30, "city":"New York"}';
var obj = $.parseJSON(jsonString);
$.each(obj, function(key, value) {
    alert(key + " : " + value);
});

4. 使用$.grep过滤JSON数组：

var jsonString = '[{"name":"John", "age":30}, {"name":"Anne", "age":25}]';
var obj = $.parseJSON(jsonString);
var result = $.grep(obj, function(element, index) {
    return element.age > 25;
});
alert(JSON.stringify(result));

5. 使用$.map映射JSON数组：

var jsonString = '[{"name":"John", "age":30}, {"name":"Anne", "age":25}]';
var obj = $.parseJSON(jsonString);
var result = $.map(obj, function(element, index) {
    return element.name;
});
alert(JSON.stringify(result));

6. 使用$.parseJSON解析JSON字符串：

var jsonString = '{"name":"John", "age":30, "city":"New York"}';
var obj = $.parseJSON(jsonString);
alert(obj.name);

7. 使用JSON.stringify序列化JavaScript对象：

var obj = { name: "John", age: 30, city: "New York" };
var jsonString = JSON.stringify(obj);
alert(jsonString);

以上就是在前端使用jQuery操作JSON的常见方法。