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 相关文章推荐
Prototype使用指南之enumerable.js
Jan 10 Javascript
div模拟滚动条效果示例代码
Oct 16 Javascript
jQuery拖动div、移动div、弹出层实现原理及示例
Apr 08 Javascript
javascript中的this详解
Dec 08 Javascript
一个简单的JavaScript Map实例(分享)
Aug 03 Javascript
JavaScript数据类型学习笔记分享
Sep 01 Javascript
微信小程序实现给循环列表添加点击样式实例
Apr 26 Javascript
对Vue table 动态表格td可编辑的方法详解
Aug 28 Javascript
原生js实现获取form表单数据代码实例
Mar 27 Javascript
Angular2实现的秒表及改良版示例
May 10 Javascript
微信小程序之滑动页面隐藏和显示组件功能的实现代码
Jun 19 Javascript
vue使用wavesurfer.js解决音频可视化播放问题
Apr 04 Vue.js
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 无限级缓存的类的扩展
2009/03/16 PHP
WAMP环境中扩展oracle函数库(oci)
2015/06/26 PHP
PHP匿名函数和use子句用法实例
2016/03/16 PHP
PHP实现的随机红包算法示例
2017/08/14 PHP
thinkphp5 URL和路由的功能详解与实例
2017/12/26 PHP
常见的5个PHP编码小陋习以及优化实例讲解
2021/02/27 PHP
js/jQuery简单实现选项卡功能
2014/01/02 Javascript
jquery制作select列表双向选择示例代码
2014/09/02 Javascript
jQuery中大家不太了解的几个方法
2015/03/04 Javascript
JavaScript实现在标题栏上显示当前日期的方法
2015/03/19 Javascript
JS文字球状放大效果代码分享
2015/08/19 Javascript
javascript表单控件实例讲解
2016/09/13 Javascript
Vue组件tree实现树形菜单
2017/04/13 Javascript
Angular.Js中过滤器filter与自定义过滤器filter实例详解
2017/05/08 Javascript
带你了解session和cookie作用原理区别和用法
2017/08/14 Javascript
Angular中使用MathJax遇到的一些问题
2017/12/15 Javascript
webpack-dev-server自动更新页面方法
2018/02/22 Javascript
JavaScript函数的特性与应用实践深入详解
2018/12/30 Javascript
详解React服务端渲染从入门到精通
2019/03/28 Javascript
vue-cli随机生成port源码的方法
2019/09/02 Javascript
vue 手机物理监听键+退出提示代码
2020/09/09 Javascript
python计算列表内各元素的个数实例
2018/06/29 Python
python实现植物大战僵尸游戏实例代码
2019/06/10 Python
新版Pycharm中Matplotlib不会弹出独立的显示窗口的问题
2020/06/02 Python
无惧面试,带你搞懂python 装饰器
2020/08/17 Python
Python安装Bs4的多种方法
2020/11/28 Python
爱奇艺VIP会员:大剧抢先看
2018/07/11 全球购物
如何使用PHP session
2015/04/21 面试题
经典的班主任推荐信
2013/10/28 职场文书
求职自荐信的格式
2014/04/07 职场文书
文明倡议书范文
2014/04/15 职场文书
高中生个性发展自我评价
2015/03/09 职场文书
车间统计员岗位职责
2015/04/14 职场文书
教师工作证明范本
2015/06/12 职场文书
结婚典礼致辞
2015/07/28 职场文书
MySQL选择合适的备份策略和备份工具
2022/06/01 MySQL