遍历 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 对象,访问其属性和值。
以上就是js 如何遍历 json对象的详细内容,更多请关注php中文网其它相关文章!
版权声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系 yyfuon@163.com