Question

我正在学习javascript和json对象和数组。我被赋予迭代以下数组的任务：

{"6784":
    {"OD":
        [
            {
                "od_id":"587641",
                "cl_type":"scl",
                "cl_eye":"OD"
            }
        ],
    }
    {"OS":
        [
            {
                "od_id":"587641",
                "cl_type":"scl",
                "cl_eye":"OD"
            }
        ],
    }
}

我曾尝试使用简单的for循环和jquery迭代，但它不起作用。条件是我们不知道任何关键名称。

Answer 1

如果您不知道密钥名称，可以使用Object.keys（json_obj）。

Object.keys(json_obj).forEach(function(key){
   stuff
}

Answer 2

您的JSON不是有效的JSON。

有效的JSON应该是这样的：

工作演示

var jsonObj = {
	"6784": {
		"OD": [{
			"od_id": "587640",
			"cl_type": "scl",
			"cl_eye": "OD"
		}],
		"OS": [{
			"od_id": "587641",
			"cl_type": "scl",
			"cl_eye": "OD"
		}]
	}
};

var keys = Object.keys(jsonObj);
for (var i in keys) {
  var innerKeys = Object.keys(jsonObj[keys[i]]);
  for (var j in innerKeys) {
    console.log(jsonObj[keys[i]][innerKeys[j]][0].od_id);
  }
}

Answer 3

您可以使用：

Object.keys(Obj)

识别对象的属性，然后迭代它以查找每个属性的值。

Answer 4

{}表示一个对象，而不是一个数组，您可以通过多种方式迭代其属性：

Iterate through object properties

您可能还想查看：

looping through an object (tree) recursively

Answer 5

**index.html**

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>


</head>
<body>

<div id="content"></div>



<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>

<script src="js/main.js"></script>

</body>
</html>



**js/main.js**

$(document).ready(function(){

console.log(data)

function parse(data){

for (var item in data['6784']) {
  for (var i = 0; i < data['6784'][item].length; i++) {
      var od_id = data['6784'][item][i].od_id;
      var cl_type = data['6784'][item][i].cl_type;
      var cl_eye = data['6784'][item][i].cl_eye;

      console.log(item + ', ' + od_id + ', ' + cl_type + ', ' + cl_eye);

      $("#content").append(
        '<div class="row">'+  
        '<p><span class="item">item: </span> ' + item + '</p>'+
        '<p><span class="item">od_id: </span> ' + od_id + '</p>'+
        '<p><span class="item">cl_type: </span> ' + cl_type + '</p>'+
        '<p><span class="item">cl_eye: </span> ' + cl_eye + '</p>'+
        '</div> <br>' 
      );

    }
  }

}

$.ajax({
 url: 'data.json', 
 dataType: "json",
 success: parse,

});
});





**data.json**

{"6784":
    {"OD":
        [
            {
                "od_id":"587641",
                "cl_type":"scl",
                "cl_eye":"OD"
            }
        ],
    "OS":
        [
            {
                "od_id":"58764-2",
                "cl_type":"scl-2",
                "cl_eye":"OS"
            }
        ]
    }
}

如何在javascript和jquery中迭代json对象数组？

5 个答案: