网站链接: 我爱捣鼓
当前位置: 首页 > 前端开发  > jQuery

jQuery如何遍历json数组?

2021/10/10 11:17:52

json中的数组几乎与JavaScript 中的数组相同。在json中,数组值的类型必须属于字符串、数字、对象、数组、布尔或 null。在JavaScript中,数组值可以是以上所有类型,外加任何其他有效的 JavaScript 表达式,包括函数、日期和 undefined。那么我们如何通过jQuery遍历json数…

        json中的数组几乎与JavaScript 中的数组相同。在json中,数组值的类型必须属于字符串、数字、对象、数组、布尔或 null。在JavaScript中,数组值可以是以上所有类型,外加任何其他有效的 JavaScript 表达式,包括函数、日期和 undefined。那么我们如何通过jQuery遍历json数组呢?通过以下的实例我们来看看具体怎么实现?

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery如何遍历json数组?www.woaidaogu.com</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<script>
$(function () { 
var jsonArr = [
  {
"name": "张萌萌",
"birthday": "2008-10-1",
"hobby": "尤克里里、游泳"
  },
  {
"name": "熊大达",
"birthday": "2010-8-15",
"hobby": "足球、摔跤"
  },
  {
"name": "动感超人",
"birthday": "2000-6-18",
"hobby": "举重、单杠"
  }];
//传统方式遍历json数组的每个值,包括每个值里的键值对。
for(var i=0,l=jsonArr.length;i<l;i++){
for(var key in jsonArr[i]){
alert(key+':'+jsonArr[i][key]);
}
 }
//利用jQuery的$.each()函数遍历json数组
$.each(jsonArr,function(index,value){
alert(value.name);
});
})
</script>
 
</body>
</html>

image.png

        以上在javaScript内声明了一个json数组,然后通过jQuery的$.each()函数遍历json数组的键值。

        内容补充

        遍历JSON数组字符串

        遍历JSON数组字符串首先把字符串转换成JSON数组对象,后面遍历的方法与遍历JSON数组对象相同。

        JSON数组字符串 转换成 JSON数组

var jsonArr = $.parseJSON(jsonArrStr);

        通过以上内容我们知道了jQuery如何遍历json数组,感谢您访问“我爱捣鼓(www.woaidaogu.com)”网站的内容,希望对大家有所帮助!引用本文内容时,请注明出处!谢谢合作!

相关资讯

    暂无相关的数据...