JQuery遍历json数组的3种方法


Posted in Javascript onNovember 08, 2014

一、使用each遍历

     $(function () {
           var tbody = "";

           //------------遍历对象 .each的使用-------------

           //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式,必须保证JSON的格式要求,回调的对象必须使用eval函数进行转化(否则将得不到Object)。本文不作详细介绍服务器端回调的数据问题,我们将直接自定义对象)

           var obj = [{ "name": "项海军", "password": "123456"}];

           $("#result").html("------------遍历对象 .each的使用-------------");

           alert(obj); //是个object元素

           //下面使用each进行遍历

           $.each(obj, function (n, value) {

               alert(n + ' ' + value);

               var trs = "";

               trs += "<tr><td>" + value.name + "</td> <td>" + value.password + "</td></tr>";

               tbody += trs;

           });
           $("#project").append(tbody);
       });

二、jquery遍历解析json对象1:

 var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];

 for(var i=0,l=json.length;i<l;i++){

    for(var key in json[i]){

        alert(key+':'+json[i][key]);

    }

 }

三、jquery遍历解析json对象2

有如下 json对象:

var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30};

遍历方法:
for(var p in obj){

    str = str+obj[p]+',';

    return str;

}
Javascript 相关文章推荐
在次封装easyui-Dialog插件实现代码
Nov 14 Javascript
javascript中文本框中输入法切换的问题
Dec 10 Javascript
js获取本机操作系统类型的两种方法
Dec 19 Javascript
jQuery实现的自定义滚动条实例详解
Sep 20 Javascript
Javascript动画效果(3)
Oct 11 Javascript
原生javascript移动端滑动banner效果
Mar 10 Javascript
JS异步加载的三种实现方式
Mar 16 Javascript
Vue-router 类似Vuex实现组件化开发的示例
Sep 15 Javascript
jQuery实现倒计时功能 jQuery实现计时器功能
Sep 19 jQuery
详解webpack-dev-server使用http-proxy解决跨域问题
Jan 13 Javascript
vue实现路由切换改变title功能
May 28 Javascript
详解ES6 Promise的生命周期和创建
Aug 18 Javascript
JQuery中使用.each()遍历元素学习笔记
Nov 08 #Javascript
jQuery遍历之next()、nextAll()方法使用实例
Nov 08 #Javascript
jQuery遍历对象、数组、集合实例
Nov 08 #Javascript
JavaScript中具名函数的多种调用方式总结
Nov 08 #Javascript
JavaScript中使用typeof运算符需要注意的几个坑
Nov 08 #Javascript
JavaScript中判断整数的多种方法总结
Nov 08 #Javascript
JavaScript中判断整字类型最简洁的实现方法
Nov 08 #Javascript
You might like
索尼SONY SRF-S83/84电路分析和打磨
2021/03/02 无线电
ThinkPHP的Widget扩展实例
2014/06/19 PHP
PHP树的深度编历生成迷宫及A*自动寻路算法实例分析
2015/03/10 PHP
通过jQuery源码学习javascript(二)
2012/12/27 Javascript
js的隐含参数(arguments,callee,caller)使用方法
2014/01/28 Javascript
jQuery中的编程范式详解
2014/12/15 Javascript
js实现多选项切换导航菜单的方法
2015/02/06 Javascript
vue.js初学入门教程(2)
2016/11/07 Javascript
ES6中箭头函数的定义与调用方式详解
2017/06/02 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
2018/05/04 Javascript
基于vue-cli 路由 实现类似tab切换效果(vue 2.0)
2019/05/08 Javascript
详解关闭令人抓狂的ESlint 语法检测配置方法
2019/10/28 Javascript
JS简单表单验证功能完整示例
2020/01/26 Javascript
vue自定义标签和单页面多路由的实现代码
2020/05/03 Javascript
ES5新增数组的实现方法
2020/05/12 Javascript
利用Python破解斗地主残局详解
2017/06/30 Python
LRUCache的实现原理及利用python实现的方法
2017/11/21 Python
详解Python在七牛云平台的应用(一)
2017/12/05 Python
Python使用dict.fromkeys()快速生成一个字典示例
2019/04/24 Python
Python生成rsa密钥对操作示例
2019/04/26 Python
Python classmethod装饰器原理及用法解析
2020/10/17 Python
基于Modernizr 让网站进行优雅降级的分析
2013/04/21 HTML / CSS
美国购买体育、音乐会和剧院门票网站:SelectATicket
2019/09/08 全球购物
高校学生干部的自我评价分享
2013/11/04 职场文书
架构师岗位职责
2013/11/18 职场文书
物业电工岗位职责
2013/11/20 职场文书
机械系毕业生求职信
2014/05/28 职场文书
教师正风肃纪剖析材料
2014/10/20 职场文书
离婚财产分配协议书
2014/10/21 职场文书
2014年团支部工作总结
2014/11/17 职场文书
优秀班主任申报材料
2014/12/16 职场文书
校本研修个人总结
2015/02/28 职场文书
成事在人观后感
2015/06/16 职场文书
为Java项目添加Redis缓存的方法
2021/05/18 Redis
浅谈Redis缓冲区机制
2022/06/05 Redis
MySQL事务的隔离级别详情
2022/07/15 MySQL