如何使用 jQuery 从 JSON 对象中选择值？

在 Web 开发中，处理 JSON 数据是非常常见的事情。而 jQuery 中提供的方法可以轻松地从 JSON 对象中选择值。

选择 JSON 对象的值

使用 $.parseJSON() 方法将 JSON 字符串转换成 JSON 对象：

var jsonObj = $.parseJSON('{"name": "John", "age": 30}');

然后，使用 . 或 [] 来选择对象中的值：

console.log(jsonObj.name); // 输出：John
console.log(jsonObj['age']); // 输出：30

在一个 JSON 对象中，值可以是一个嵌套的 JSON 对象或是一个数组。我们可以通过链式调用来选择嵌套对象中的值：

var jsonObj = $.parseJSON('{"name": {"first": "John", "last": "Doe"}, "age": 30}');
console.log(jsonObj.name.first); // 输出：John

或者通过数组下标来选择数组中的值：

var jsonArray = $.parseJSON('[{"name": "John", "age": 30}, {"name": "Jane", "age": 25}]');
console.log(jsonArray[0].name); // 输出：John

遍历 JSON 对象

我们可以使用 $.each() 方法来遍历一个 JSON 对象中的所有值：

var jsonObj = $.parseJSON('{"name": "John", "age": 30}');
$.each(jsonObj, function(key, value) {
  console.log(key + ': ' + value);
});
// 输出：
// name: John
// age: 30

结论

使用 jQuery 处理 JSON 对象非常简单，只需要使用 $.parseJSON() 方法将 JSON 字符串解析成 JSON 对象，然后使用 . 或 [] 来选择对象中的值，使用 $.each() 方法来遍历对象中的所有值。