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 相关文章推荐
用cookies实现的可记忆的样式切换效果代码下载
Dec 24 Javascript
Jquery中dialog属性小记
Sep 03 Javascript
JS实现多物体缓冲运动实例代码
Nov 29 Javascript
jquery 中的each()跳出循环的语句
May 23 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
Nov 07 Javascript
jquery实现图片放大镜功能
Nov 23 Javascript
图解prototype、proto和constructor的三角关系
Jul 31 Javascript
关于Node.js中Buffer的一些你可能不知道的用法
Mar 28 Javascript
vue 点击按钮实现动态挂载子组件的方法
Sep 07 Javascript
Angular6 用户自定义标签开发的实现方法
Jan 08 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
Oct 10 Javascript
JavaScript实现HSL拾色器
May 21 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
php中经典方法实现判断多维数组是否为空
2011/10/23 PHP
PHP中file_exists与is_file,is_dir的区别介绍
2012/09/12 PHP
php mssql扩展SQL查询中文字段名解决方法
2012/10/15 PHP
关于ThinkPhp 框架表单验证及ajax验证问题
2017/07/19 PHP
微信公众平台开发教程③ PHP实现微信公众号支付功能图文详解
2019/04/10 PHP
Fixie.js 自动填充内容的插件
2012/06/28 Javascript
JavaScript词法作用域与调用对象深入理解
2012/11/29 Javascript
一个CSS+jQuery实现的放大缩小动画效果
2014/02/19 Javascript
jQuery判断复选框是否勾选的原理及示例
2014/05/21 Javascript
js实现点击图片将图片地址复制到粘贴板的方法
2015/02/16 Javascript
Angularjs整合微信UI(weui)
2016/03/15 Javascript
Bootstrap的modal拖动效果
2016/12/25 Javascript
jQuery简易时光轴实现方法示例
2017/03/13 Javascript
js,jq,css多方面实现简易下拉菜单功能
2017/05/13 Javascript
React实践之Tree组件的使用方法
2017/09/30 Javascript
详解react-router 4.0 下服务器如何配合BrowserRouter
2017/12/29 Javascript
使用vue-cli编写vue插件的方法
2018/02/26 Javascript
详解小程序缓存插件(mrc)
2018/08/17 Javascript
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
2018/11/30 Javascript
JS数组求和的常用方法实例小结
2019/01/07 Javascript
从组件封装看Vue的作用域插槽的实现
2019/02/12 Javascript
通过实例讲解JS如何防抖动
2019/06/15 Javascript
详解Python中的变量及其命名和打印
2016/03/11 Python
python 每天如何定时启动爬虫任务(实现方法分享)
2018/05/21 Python
Python实现的服务器示例小结【单进程、多进程、多线程、非阻塞式】
2019/05/23 Python
pyqt5实现按钮添加背景图片以及背景图片的切换方法
2019/06/13 Python
Python如何读取、写入JSON数据
2020/07/28 Python
eBay瑞士购物网站:eBay.ch
2018/12/24 全球购物
文秘专业大学生求职信
2013/11/10 职场文书
施工员岗位职责
2015/02/10 职场文书
会计求职信怎么写
2015/03/20 职场文书
2015年网络管理员工作总结
2015/05/21 职场文书
2016元旦晚会主持人开场白和结束语
2015/12/03 职场文书
java设计模式--原型模式详解
2021/07/21 Java/Android
java中用float时,数字后面加f,这样是为什么你知道吗
2021/09/04 Java/Android
Python 视频画质增强
2022/04/28 Python