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正则控制文本框只能输入整数或浮点数
Sep 02 Javascript
alert出数组中的随即值代码
Sep 25 Javascript
常用的JavaScript模板引擎介绍
Feb 28 Javascript
基于AngularJS实现iOS8自带的计算器
Sep 12 Javascript
Bootstrap源码解读媒体对象、列表组和面板(10)
Dec 26 Javascript
AngularJS使用ng-inlude指令加载页面失败的原因与解决方法
Jan 19 Javascript
Vue实现选择城市功能
May 27 Javascript
webpack里使用jquery.mCustomScrollbar插件的方法
May 30 jQuery
浅谈Angular单元测试总结
Mar 22 Javascript
JavaScript碰撞检测原理及其实现代码
Mar 12 Javascript
js实现简单贪吃蛇游戏
May 15 Javascript
Vue如何提升首屏加载速度实例解析
Jun 25 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产生动态的影像图
2006/10/09 PHP
php checkbox复选框值的获取与checkbox默认值输出方法
2010/05/15 PHP
PHP实现显示照片exif信息的方法
2014/07/11 PHP
THINKPHP2.0到3.0有哪些改进之处
2015/01/04 PHP
php邮箱地址正则表达式验证
2015/11/13 PHP
PHP实现简单登录界面
2019/10/23 PHP
PHP 实现缩略图
2021/03/09 PHP
Add a Formatted Table to a Word Document
2007/06/15 Javascript
JavaScript高级程序设计(第3版)学习笔记 概述
2012/10/11 Javascript
js校验表单后提交表单的三种方法总结
2014/02/28 Javascript
js日期联动示例
2014/05/02 Javascript
使用变量动态设置js的属性名
2014/10/19 Javascript
jQuery中DOM操作实例分析
2015/01/23 Javascript
H5基于iScroll实现下拉刷新和上拉加载更多
2017/07/18 Javascript
基于vue.js的分页插件详解
2017/11/27 Javascript
bootstrap 弹出框modal添加垂直方向滚轴效果
2018/07/09 Javascript
一步步教你利用Docker设置Node.js
2018/11/20 Javascript
详解Vue源码中一些util函数
2019/04/24 Javascript
为vue项目自动设置请求状态的配置方法
2019/06/09 Javascript
JS实现提示框跟随鼠标移动
2019/08/27 Javascript
vue实现鼠标移过出现下拉二级菜单功能
2019/12/12 Javascript
[02:36]DOTA2混沌骑士 英雄基础教程
2013/11/26 DOTA
Python map和reduce函数用法示例
2015/02/26 Python
Python脚本实现集群检测和管理功能
2015/03/06 Python
举例讲解Python中metaclass元类的创建与使用
2016/06/30 Python
Python中定时任务框架APScheduler的快速入门指南
2017/07/06 Python
Python3计算三角形的面积代码
2017/12/18 Python
Python使用Selenium爬取淘宝异步加载的数据方法
2018/12/17 Python
OpenCV 边缘检测
2019/07/10 Python
使用virtualenv创建Python环境及PyQT5环境配置的方法
2019/09/10 Python
pygame实现五子棋游戏
2019/10/29 Python
pymysql模块的操作实例
2019/12/17 Python
python更新数据库中某个字段的数据(方法详解)
2020/11/18 Python
幼儿如何来做好自我评价
2013/11/05 职场文书
《花瓣飘香》教学反思
2014/04/15 职场文书
同学聚会开幕词
2019/04/02 职场文书