插件窝 干货文章 js怎么遍历json对象

js怎么遍历json对象

foreach object json 遍历 788    来源:    2024-10-24
可以使用以下几种方法遍历 json 对象:for...in 循环object.keys() 和 foreach()object.entries() 和 foreach()json.stringify() 和 foreach()

如何遍历 JSON 对象

JSON(JavaScript Object Notation)是一种轻量级的文本格式,用于表示对象和数组。要遍历 JSON 对象,您可以使用以下几种方法:

1. 使用 for...in 循环

const person = {
  name: "John Doe",
  age: 30,
  occupation: "Software Engineer"
};

for (const key in person) {
  console.log(key, person[key]);
}

// 输出:
// name John Doe
// age 30
// occupation Software Engineer

2. 使用 Object.keys() 和 forEach()

const keys = Object.keys(person);

keys.forEach(key => {
  console.log(key, person[key]);
});

// 输出:
// name John Doe
// age 30
// occupation Software Engineer

3. 使用 Object.entries() 和 forEach()

Object.entries(person).forEach(([key, value]) => {
  console.log(key, value);
});

// 输出:
// name John Doe
// age 30
// occupation Software Engineer

4. 使用 JSON.stringify() 和 forEach()

const personJSON = JSON.stringify(person);

JSON.parse(personJSON).forEach(item => {
  console.log(item.key, item.value);
});

// 输出:
// name John Doe
// age 30
// occupation Software Engineer

选择适当的方法

选择遍历 JSON 对象的方法取决于您的具体需求和数据结构。对于简单的对象,for...in 循环或 Object.keys() 方法通常就足够了。对于嵌套或复杂的 JSON 结构,Object.entries() 或 JSON.stringify() 方法可能更适合。