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 相关文章推荐
jquery ajax 同步异步的执行示例代码
Jun 23 Javascript
JS常用正则表达式总结
Nov 12 Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
Mar 04 Javascript
PHP+jQuery+Ajax+Mysql如何实现发表心情功能
Aug 06 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
Sep 08 Javascript
Angularjs整合微信UI(weui)
Mar 15 Javascript
AngularJS实用开发技巧(推荐)
Jul 13 Javascript
jQuery开源组件BootstrapValidator使用详解
Jun 29 jQuery
Angular2环境搭建具体操作步骤(推荐)
Aug 04 Javascript
微信小程序关键字变色实现代码实例
Dec 13 Javascript
vue+canvas实现移动端手写签名
May 21 Javascript
浅析 Vue 3.0 的组装式 API(一)
Aug 31 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/12/30 PHP
一个简单的网页密码登陆php代码
2012/07/17 PHP
PHP合并两个数组的两种方式的异同
2012/09/14 PHP
ThinkPHP令牌验证实例
2014/06/18 PHP
ThinkPHP基本的增删查改操作实例教程
2014/08/22 PHP
一个经典实用的PHP图像处理类分享
2014/11/18 PHP
PHP设计模式之抽象工厂模式实例分析
2019/03/25 PHP
教您去掉ie网页加载进度条的方法
2010/12/09 Javascript
eval与window.eval的差别分析
2011/03/17 Javascript
jquery遍历checkbox介绍
2014/02/21 Javascript
jquery选择器使用详解
2014/04/08 Javascript
JS截取url中问号后面参数的值信息
2014/04/29 Javascript
JavaScript前端图片加载管理器imagepool使用详解
2014/12/29 Javascript
js实现简单的手风琴效果
2017/02/27 Javascript
原生js实现移动端触摸轮播的示例代码
2017/12/22 Javascript
详解angular脏检查原理及伪代码实现
2018/06/08 Javascript
Vue配合iView实现省市二级联动的示例代码
2018/07/27 Javascript
vue-router的HTML5 History 模式设置
2018/09/08 Javascript
使用 vue 实现灭霸打响指英雄消失的效果附demo
2019/05/06 Javascript
vue eslint简要配置教程详解
2019/07/26 Javascript
VUE.CLI4.0配置多页面入口的实现
2019/11/25 Javascript
jQuery实现简单弹幕效果
2019/11/28 jQuery
Python输出各行命令详解
2018/02/01 Python
基于DATAFRAME中元素的读取与修改方法
2018/06/08 Python
flask框架视图函数用法示例
2018/07/19 Python
使用python将请求的requests headers参数格式化方法
2019/01/02 Python
Python with用法:自动关闭文件进程
2019/07/10 Python
python join方法使用详解
2019/07/30 Python
python 有效的括号的实现代码示例
2019/11/11 Python
python实现遍历文件夹图片并重命名
2020/03/23 Python
Python 绘制可视化折线图
2020/07/22 Python
工作表现自我评价
2014/02/08 职场文书
故宫导游词
2015/01/31 职场文书
海洋天堂观后感
2015/06/05 职场文书
解析Java异步之call future
2021/06/14 Java/Android
javascript拖曳互换div的位置实现示例
2021/06/28 Javascript