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 相关文章推荐
IE8 浏览器Cookie的处理
Jan 31 Javascript
两个JavaScript jsFiddle JSBin在线调试器
Mar 14 Javascript
Javascript 判断是否存在函数的方法
Jan 03 Javascript
js使用循环清空某个div中的input标签值
Sep 29 Javascript
JavaScript实现为input与textarea自定义hover,focus效果的方法
Aug 21 Javascript
学习JavaScript设计模式之迭代器模式
Jan 19 Javascript
javascript实现移动端上的触屏拖拽功能
Mar 04 Javascript
jQuery使用bind函数实现绑定多个事件的方法
Oct 11 jQuery
基于vue.js的分页插件详解
Nov 27 Javascript
微信小程序实现弹出菜单动画
Jun 21 Javascript
解决layer弹出层msg的文字不显示的问题
Sep 11 Javascript
深入浅析React中diff算法
May 19 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
zen cart新进商品的随机排序修改方法
2010/09/10 PHP
PHP+jQuery 注册模块的改进(三):更新到Smarty3.1
2014/10/14 PHP
PHP Reflection API详解
2015/05/12 PHP
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
2010/06/19 Javascript
Js中的onblur和onfocus事件应用介绍
2013/08/27 Javascript
node.js中的path.normalize方法使用说明
2014/12/08 Javascript
js获取滚动距离的方法
2015/05/30 Javascript
JQuery自动触发事件的方法
2015/06/13 Javascript
基于gulp合并压缩Seajs模块的方式说明
2016/06/14 Javascript
angularjs数组判断是否含有某个元素的实例
2018/02/27 Javascript
js中实例与对象的区别讲解
2019/01/21 Javascript
简单了解JavaScript中的执行上下文和堆栈
2019/06/24 Javascript
如何通过vscode运行调试javascript代码
2020/07/24 Javascript
JavaScript实现动态生成表格
2020/08/02 Javascript
Pyramid将models.py文件的内容分布到多个文件的方法
2013/11/27 Python
Python实现的数据结构与算法之基本搜索详解
2015/04/22 Python
Python Queue模块详细介绍及实例
2016/12/27 Python
浅谈python socket函数中,send与sendall的区别与使用方法
2017/05/09 Python
Python中的is和==比较两个对象的两种方法
2017/09/06 Python
python正则实现提取电话功能
2018/02/24 Python
python3第三方爬虫库BeautifulSoup4安装教程
2018/06/19 Python
Python面向对象之静态属性、类方法与静态方法分析
2018/08/24 Python
python配置grpc环境
2019/01/01 Python
python deque模块简单使用代码实例
2020/03/12 Python
python3.7+selenium模拟淘宝登录功能的实现
2020/05/26 Python
Python三维绘图之Matplotlib库的使用方法
2020/09/20 Python
收藏!10个免费高清视频素材网站!【设计、视频剪辑必备】
2021/03/18 杂记
纯css3制作煽动翅膀的蝴蝶的示例
2018/04/23 HTML / CSS
JoJo Maman Bébé爱尔兰官网:英国最受欢迎的精品母婴品牌
2020/12/20 全球购物
Johnson Fitness澳大利亚:高级健身器材
2021/03/16 全球购物
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢? 是用==还是equals()? 它们有何区别?
2014/07/27 面试题
药剂学专业应届生自荐信
2013/09/29 职场文书
银行实习自我鉴定
2013/10/12 职场文书
公司中秋节活动方案
2014/02/12 职场文书
纪检干部个人对照检查材料
2014/09/23 职场文书
Python torch.flatten()函数案例详解
2021/08/30 Python