通过将 JSON 字符串解析为 JavaScript 对象，您可以使用循环遍历其键和值。使用 for…in 循环可以遍历键，而 Object.keys() 和 forEach() 可以遍历值。如果 JSON 对象包含数组，可以使用 Array.forEach() 方法遍历其中的元素。
如何使用 JavaScript 遍历 JSON
第一步：将 JSON 字符串解析为 JavaScript 对象
const jsonObject = JSON.parse(jsonString);
第二步：使用循环遍历对象
使用 for…in 循环遍历对象键
for (const key in jsonObject) { // key 是对象键}
使用 Object.keys() 和 forEach() 循环遍历对象值
Object.keys(jsonObject).forEach((key) => { // jsonObject[key] 是对象值});
使用 Array.forEach() 循环遍历数组
如果 JSON 对象包含数组，可以使用 Array.forEach() 方法遍历数组元素：
jsonObject.array.forEach((element) => { // element 是数组元素});
示例：
以下示例展示了如何遍历以下 JSON 对象：
{ "name": "John Doe", "age": 30, "occupation": "Software Engineer", "hobbies": ["coding", "reading", "hiking"]}
使用 for…in 循环遍历键：
const jsonObject = JSON.parse(json);for (const key in jsonObject) { console.log(`Key: ${key}`);}
输出：
Key: nameKey: ageKey: occupationKey: hobbies
使用 Object.keys() 和 forEach() 循环遍历值：
Object.keys(jsonObject).forEach((key) => { console.log(`Value: ${jsonObject[key]}`);});
输出：
Value: John DoeValue: 30Value: Software EngineerValue: coding,reading,hiking
以上就是js 如何遍历json的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1499167.html
微信扫一扫 
支付宝扫一扫 
