插件窝 干货文章 js 如何遍历 json对象

js 如何遍历 json对象

属性 遍历 strong 对象 486    来源:    2024-10-19
遍历 json 对象可获取和修改其属性和值。javascript 提供了以下方法:for...in 循环:遍历属性名称。object.keys():返回属性名称数组。object.values():返回属性值数组。foreach():对每个属性运行回调函数。map() 和 reduce():进行更高级别的操作。

如何遍历 JSON 对象

遍历 JSON 对象可以获取和修改其属性和值。JavaScript 提供了多种方法来遍历 JSON 对象。

1. for...in 循环

for...in 循环遍历对象的属性名称:

const person = { name: "John", age: 30 };

for (const key in person) {
  console.log(key); // "name", "age"
  console.log(person[key]); // "John", 30
}

2. Object.keys()

Object.keys() 方法返回一个包含对象属性名称的数组:

const keys = Object.keys(person);

for (const key of keys) {
  console.log(key); // "name", "age"
}

3. Object.values()

Object.values() 方法返回一个包含对象属性值的数组:

const values = Object.values(person);

for (const value of values) {
  console.log(value); // "John", 30
}

4. forEach()

forEach() 方法对对象的每个属性运行一个回调函数:

person.forEach((value, key) => {
  console.log(key, value); // "name", "John"; "age", 30
});

5. Map() 和 Reduce()

Map() 和 Reduce() 方法允许您对对象的属性进行更高级别的操作:

const transformedPerson = person.map((value, key) => ({ [key]: value }));

console.log(transformedPerson); // [{ name: "John" }, { age: 30 }]

const sum = person.reduce((acc, value) => acc + value, 0);

console.log(sum); // 30

通过采用这些方法之一,您可以轻松遍历 JSON 对象,访问其属性和值。