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 相关文章推荐
JS完成代码前最好对其做5件事
Apr 07 Javascript
js中通过父级进行查找定位元素
Jun 15 Javascript
js实现双击图片放大单击缩小的方法
Feb 17 Javascript
js实现格式化金额,字符,时间的方法
Feb 26 Javascript
JQuery中Ajax()的data参数类型实例分析
Dec 15 Javascript
Javascript基础学习笔记(菜鸟必看篇)
Jul 22 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
Dec 30 Javascript
微信小程序滑动选择器的实现代码
Aug 10 Javascript
vue使用echarts图表的详细方法
Oct 22 Javascript
JavaScript数组特性与实践应用深入详解
Dec 30 Javascript
vue-cli配置全局sass、less变量的方法
Jun 06 Javascript
Jquery $.map使用方法实例详解
Sep 01 jQuery
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
菜鸟修复电子管记
2021/03/02 无线电
提高php运行速度的一些小技巧分享
2012/07/03 PHP
php图像处理类实例
2015/07/28 PHP
php图片添加文字水印实现代码
2016/03/15 PHP
PHP会话控制实例分析
2016/12/24 PHP
利用onresize使得div可以随着屏幕大小而自适应的代码
2010/01/15 Javascript
node.js中的dns.getServers方法使用说明
2014/12/08 Javascript
node.js中的buffer.copy方法使用说明
2014/12/14 Javascript
jQuery中change事件用法实例
2014/12/26 Javascript
JavaScript动态添加style节点的方法
2015/06/09 Javascript
JS 面向对象之继承---多种组合继承详解
2016/07/10 Javascript
浅谈JS继承_寄生式继承 &amp; 寄生组合式继承
2016/08/16 Javascript
基于jQuery ligerUI实现分页样式
2016/09/18 Javascript
JavaScript实现垂直向上无缝滚动特效代码
2016/11/23 Javascript
js原生之焦点图转换加定时器实例
2016/12/12 Javascript
js的新生代垃圾回收知识点总结
2019/08/22 Javascript
Vue中fragment.js使用方法小结
2020/02/17 Javascript
Python的Django框架中settings文件的部署建议
2015/05/30 Python
在Django的form中使用CSS进行设计的方法
2015/07/18 Python
Python使用requests及BeautifulSoup构建爬虫实例代码
2018/01/24 Python
python3 打开外部程序及关闭的示例
2018/11/06 Python
对python中Librosa的mfcc步骤详解
2019/01/09 Python
欧洲领先的电子和电信零售商和服务提供商:Currys PC World Business
2017/12/05 全球购物
Madda Fella官网:美国冒险家服装品牌
2020/01/16 全球购物
递归实现回文判断(如:abcdedbca就是回文,判断一个面试者对递归理解的简单程序)
2013/04/28 面试题
Android面试题及答案
2015/09/04 面试题
品恩科技软件测试面试题
2014/10/26 面试题
个人简历自我评价范文
2014/02/04 职场文书
《路旁的橡树》教学反思
2014/04/07 职场文书
岗位明星事迹材料
2014/05/18 职场文书
单位员工收入证明样本
2014/10/09 职场文书
教师节倡议书2015
2015/04/27 职场文书
2015年质量管理工作总结范文
2015/05/18 职场文书
适合毕业生创业的项目怎么找?
2019/08/08 职场文书
浅谈Redis主从复制以及主从复制原理
2021/05/29 Redis
Oracle中update和select 关联操作
2022/01/18 Oracle