在前端操作JSON，主要涉及到解析和序列化两个过程。
- JSON解析：
JSON解析就是将JSON字符串转换为JavaScript对象。
var jsonString = '{"name":"John", "age":30, "city":"New York"}';
var obj = $.parseJSON(jsonString);
alert( obj.name + ", " + obj.age + ", " + obj.city );
- JSON序列化：
JSON序列化就是将JavaScript对象转换为JSON字符串。
var obj = { name: "John", age: 30, city: "New York" };
var jsonString = JSON.stringify(obj);
alert(jsonString);
- 使用
$.each遍历JSON对象：
var jsonString = '{"name":"John", "age":30, "city":"New York"}';
var obj = $.parseJSON(jsonString);
$.each(obj, function(key, value) {
alert(key + " : " + value);
});
- 使用
$.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));
- 使用
$.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));
- 使用
$.parseJSON解析JSON字符串：
var jsonString = '{"name":"John", "age":30, "city":"New York"}';
var obj = $.parseJSON(jsonString);
alert(obj.name);
- 使用
JSON.stringify序列化JavaScript对象：
var obj = { name: "John", age: 30, city: "New York" };
var jsonString = JSON.stringify(obj);
alert(jsonString);
以上就是在前端使用jQuery操作JSON的常见方法。