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 相关文章推荐
JavaScript基础语法、dom操作树及document对象
Dec 02 Javascript
jquery性能优化高级技巧
Aug 24 Javascript
精通JavaScript的this关键字
May 28 Javascript
node.js cookie-parser 中间件介绍
Jun 06 Javascript
JS之相等操作符详解
Sep 13 Javascript
JavaScript生成验证码并实现验证功能
Sep 24 Javascript
利用Vue.js实现求职在线之职位查询功能
Jul 03 Javascript
bootstrap fileinput实现文件上传功能
Aug 23 Javascript
Easy UI动态树点击文字实现展开关闭功能
Sep 30 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
Apr 18 Javascript
原生js实现下拉选项卡
Nov 27 Javascript
微信小程序实现吸顶效果
Jan 08 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引用
2015/02/22 PHP
phpstudy默认不支持64位php的解决方法
2017/02/20 PHP
php用wangeditor3实现图片上传功能
2019/08/22 PHP
javascript 关闭IE6、IE7
2009/06/01 Javascript
MooTools 1.2中的Drag.Move来实现拖放
2009/09/15 Javascript
javascript实现查找数组中最大值方法汇总
2016/02/13 Javascript
浅谈angular懒加载的一些坑
2016/08/20 Javascript
原生js实现商品放大镜效果
2017/01/12 Javascript
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
2017/03/13 Javascript
Vue-resource拦截器判断token失效跳转的实例
2017/10/27 Javascript
nodejs微信开发之授权登录+获取用户信息
2019/03/17 NodeJs
js实现简单进度条效果
2020/03/25 Javascript
[00:35]2016完美“圣”典风云人物:冷冷宣传片
2016/12/08 DOTA
Python 搭建Web站点之Web服务器与Web框架
2016/11/06 Python
unittest+coverage单元测试代码覆盖操作实例详解
2018/04/04 Python
Python 数据处理库 pandas进阶教程
2018/04/21 Python
python实现傅里叶级数展开的实现
2018/07/21 Python
简单谈谈python基本数据类型
2018/09/26 Python
python 读取鼠标点击坐标的实例
2018/12/29 Python
python使用sessions模拟登录淘宝的方式
2019/08/16 Python
Python 基于wxpy库实现微信添加好友功能(简洁)
2019/11/29 Python
PyQt5中QTableWidget如何弹出菜单的示例代码
2020/02/23 Python
Django {{ MEDIA_URL }}无法显示图片的解决方式
2020/04/07 Python
解决pycharm安装第三方库失败的问题
2020/05/09 Python
西班牙汉普顿小姐:购买帆布鞋和太阳镜
2016/10/23 全球购物
SEPHORA新西兰官方网站:购买化妆品和护肤品
2016/12/02 全球购物
Shopee印度尼西亚:东南亚与台湾市场最大电商平台
2018/06/17 全球购物
面向中国市场的在线海淘美妆零售网站:Beauty House美丽屋
2021/03/02 全球购物
linux面试相关问题
2012/08/11 面试题
大学生求职简历的自我评价范文
2013/10/12 职场文书
研究生毕业自我鉴定范文
2014/03/27 职场文书
就业意向书范文
2014/04/01 职场文书
学院党的群众路线教育实践活动整改方案
2014/10/04 职场文书
幼儿园五一劳动节活动总结
2015/02/09 职场文书
培训师岗位职责
2015/02/14 职场文书
2019已经过半,你知道年中工作总结该怎么写吗?
2019/07/03 职场文书