首页 >web前端 >js教程 >如何在 JavaScript 中迭代 JSON 数组?

如何在 JavaScript 中迭代 JSON 数组?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-11-27 20:28:14495浏览

How to Iterate Through a JSON Array in JavaScript?

在 JavaScript 中迭代 JSON 结构

本文提供了一个在 JavaScript 中迭代 JSON 结构的实用解决方案,解决了特定的问题问题:

问题:

如何在 JavaScript 中迭代以下 JSON 结构?

[{ "id": "10", "class": "child-of-9" }, { "id": "11", "classd": "child-of-10" }]

答案:

提供的 JSON 结构是数组格式。要迭代它,请按照下列步骤操作:

  1. 创建一个数组对象:
var arr = [
    {"id":"10", "class": "child-of-9"},
    {"id":"11", "class": "child-of-10"}
];
  1. 使用 For循环迭代数组:
for (var i = 0; i < arr.length; i++) {
  1. 访问循环中的当前对象:
var obj = arr[i];
  1. 使用另一个 For 循环来迭代对象的属性:
for (var key in obj) {
  1. 提取并显示属性值:
var value = obj[key];
document.write("<br><br>array index: " + i);
document.write("<br> - " + key + ": " + value);

此代码片段将迭代覆盖 JSON 数组中的每个对象并在文档中显示其属性和值。

以上是如何在 JavaScript 中迭代 JSON 数组?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn