JS 遍历 json 和 JQuery 遍历json操作完整示例

下面为你详细讲解JS遍历JSON和jQuery遍历JSON操作的完整攻略。

JS 遍历 JSON

1. 遍历JSON方法

遍历JSON有两种方法：for...in 和 Object.keys()。

2. for...in 遍历JSON

for...in 循环可以用于遍历 JSON 对象以及数组：

const myObj = { name: "John", age: 32, city: "New York" };
for (let key in myObj) {
  console.log(key + ": " + myObj[key]);
}

输出：

name: John
age: 32
city: New York

3. Object.keys() 遍历JSON

通过 Object.keys()，我们可以获取到 JSON 对象的 key 数组，然后对它进行遍历：

const myObj = {name: "John", age: 32, city: "New York"};
Object.keys(myObj).forEach(function(key) {
  console.log(key + ": " + myObj[key]);
});

输出：

name: John
age: 32
city: New York

JQuery 遍历 JSON

1. 遍历JSON方法

在 jQuery 中，我们可以使用 $.each() 方法遍历 JSON 对象。

2. $.each() 遍历JSON

$.each() 方法可以用于遍历 JSON 对象或数组：

const myObj = { name: "John", age: 32, city: "New York" };
$.each(myObj, function(key, value) {
  console.log(key + ": " + value);
});

输出：

name: John
age: 32
city: New York

3. $.each() 遍历JSON数组

还可以使用 $.each() 方法遍历 JSON 数组：

const myArr = [
  { name: "John", age: 32, city: "New York" },
  { name: "Jane", age: 28, city: "Los Angeles" },
  { name: "Bob", age: 45, city: "Chicago" }
];
$.each(myArr, function(index, value) {
  console.log(value.name + ", " + value.age + ", " + value.city);
});

输出：

John, 32, New York
Jane, 28, Los Angeles
Bob, 45, Chicago

以上就是 JS 遍历JSON 和 JQuery 遍历JSON 操作的完整示例。希望能对你有所帮助。