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 相关文章推荐
firefox插件Firebug的使用教程
Jan 02 Javascript
javascript显示中文日期的方法
Jun 18 Javascript
Web开发中客户端的跳转与服务器端的跳转的区别
Mar 05 Javascript
layui导航栏实现代码
May 19 Javascript
ES6学习之变量的两种命名方法示例
Jul 18 Javascript
详解Vue微信公众号开发踩坑全记录
Aug 21 Javascript
JavaScript 自定义事件之我见
Sep 25 Javascript
如何去除vue项目中的#及其ie9兼容性
Jan 11 Javascript
Vue中的情侣属性$dispatch和$broadcast详解
Mar 07 Javascript
详解babel升级到7.X采坑总结
May 12 Javascript
Vue.js中使用Vuex实现组件数据共享案例
Jul 31 Javascript
vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案
Aug 05 Vue.js
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
PHP编程中八种常见的文件操作方式
2006/11/19 PHP
ThinkPHP之foreach标签使用概述
2014/06/30 PHP
thinkphp3.2.2实现生成多张缩略图的方法
2014/12/19 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
学习YUI.Ext第五日--做拖放Darg&amp;Drop
2007/03/10 Javascript
学习ExtJS table布局
2009/10/08 Javascript
jQuery选中select控件 无法设置selected的解决方法
2010/09/01 Javascript
js中的值类型和引用类型小结 文字说明与实例
2010/12/12 Javascript
jQuery焦点图切换特效插件封装实例
2013/08/18 Javascript
js导航栏单击事件背景变换示例代码
2014/01/13 Javascript
JavaScript基础教程之alert弹出提示框实例
2014/10/16 Javascript
javascript实现数组去重的多种方法
2016/03/14 Javascript
jQuery调用Webservice传递json数组的方法
2016/08/06 Javascript
JavaScript探测CSS动画是否已经完成的方法
2016/08/30 Javascript
使用Angular缓存父页面数据的方法
2017/01/03 Javascript
js操作浏览器的参数方法
2017/01/21 Javascript
Node.js中DNS模块学习总结
2018/02/28 Javascript
webpack项目轻松混用css module的方法
2018/06/12 Javascript
详解vue-router传参的两种方式
2018/09/10 Javascript
[03:55]显微镜下的DOTA2特别篇——430灰烬之灵神级操作
2014/06/24 DOTA
python实现网站的模拟登录
2016/01/04 Python
详解常用查找数据结构及算法(Python实现)
2016/12/09 Python
python抓取网站的图片并下载到本地的方法
2018/05/22 Python
Python SVM(支持向量机)实现方法完整示例
2018/06/19 Python
Python3数据库操作包pymysql的操作方法
2018/07/16 Python
python发送告警邮件脚本
2018/09/17 Python
Python 通过requests实现腾讯新闻抓取爬虫的方法
2019/02/22 Python
深入浅析Python中的迭代器
2019/06/04 Python
荷兰度假屋租赁网站:Aan Zee
2020/02/28 全球购物
4s客服专员岗位职责
2013/12/01 职场文书
初二学习计划书范文
2014/04/27 职场文书
建筑节能汇报材料
2014/08/22 职场文书
2014大学生党员评议个人总结
2014/09/22 职场文书
老公给老婆的检讨书(精华篇)
2014/10/18 职场文书
防暑降温通知书
2015/04/27 职场文书
小学2016年“我们的节日·重阳节”活动总结
2016/04/01 职场文书