遍历 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对象的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2666563.html
