遍历 JSON 对象:
<!-- 引入 jQuery 库 -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script>
// JSON 格式的对象
var jsonObject = {
"name": "John",
"age": 30,
"city": "New York"
};
// 使用 $.each() 遍历对象的属性
$.each(jsonObject, function(key, value) {
console.log(key + ": " + value);
});
</script>
遍历 JSON 数组:
<!-- 引入 jQuery 库 -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script>
// JSON 格式的数组
var jsonArray = [
{"name": "John", "age": 30, "city": "New York"},
{"name": "Alice", "age": 25, "city": "Los Angeles"},
{"name": "Bob", "age": 35, "city": "Chicago"}
];
// 使用 $.each() 遍历数组的元素
$.each(jsonArray, function(index, person) {
console.log("Person " + (index + 1) + ":");
$.each(person, function(key, value) {
console.log(" " + key + ": " + value);
});
});
</script>
在上述示例中,$.each() 函数接受两个参数,第一个参数是要遍历的对象或数组,第二个参数是一个回调函数,该回调函数在每次迭代时被调用。回调函数的参数包括属性(或索引)和值,通过这两个参数可以访问 JSON 对象或数组的成员。
请注意,在使用 jQuery 之前,确保已经在页面中引入了 jQuery 库。你可以通过在 HTML 页面的 <head> 部分添加 <script> 标签来引入 jQuery。
转载请注明出处:http://www.zyzy.cn/article/detail/4542/JSON