$.each() 的两种常用方式 ----- 遍历数组和遍历json数组

最新推荐文章于 2022-03-20 15:53:46 发布

原创最新推荐文章于 2022-03-20 15:53:46 发布 · 266 阅读

0 ·

CC 4.0 BY-SA版权

JQuery 专栏收录该内容

3 篇文章

订阅专栏

本文通过实例展示了如何使用jQuery的$.each方法来遍历JavaScript数组及JSON数组，并提取其中的数据。对于数组，直接输出元素及其索引；对于JSON数组，则可以获取每条记录的特定字段。

//遍历数组
       var a = ["aaa","bbb","ccc"];
       $.each(a,function(i){
           console.log(i);//i是数组中元素个数
           console.log(a[i]);//数组中的元素
       })

       //输出结果:
       /*
       aaa
       1
       bbb
       2
       ccc
       */

       //遍历json数组
       var b = [{name:"jiaojiao",age:"19"},{name:"zhangsan",age:"20"},{name:"lisi",age:"50"}]
       $.each(b,function(key,value){
           console.log(key);//key 是条数
           console.log(value);//value是每一条中的数据
           console.log(value.name);//取每一条数据中的字段
           //注 value.name == b[i].name
       })

       //输出结果
       /*
       0
       {name: "jiaojiao", age: "19"}
       zhangjiaojiao
       1
       {name: "zhangsan", age: "20"}
       zhangsan
       2
       {name: "lisi", age: "50"}
       lisi
       */