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 无废话系列教程(一) jquery入门 [推荐]
Jun 23 Javascript
Javascript 按位左移运算符使用介绍(
Feb 04 Javascript
jquery取子节点及当前节点属性值的方法
Sep 09 Javascript
浅析JS操作DOM的一些常用方法
May 13 Javascript
[原创]javascript typeof id==='string'?document.getElementById(id):id解释
Nov 02 Javascript
Javascript下拉刷新的简单实现
Feb 14 Javascript
微信小程序 navbar实例详解
May 11 Javascript
Angularjs修改密码的实例代码
May 26 Javascript
详解从买域名到使用pm2部署node.js项目全过程
Mar 07 Javascript
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
Sep 14 Javascript
详解如何使用React Hooks请求数据并渲染
Oct 18 Javascript
jquery插件实现轮播图效果
Oct 19 jQuery
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
ADODB类使用
2006/11/25 PHP
php 生成饼图 三维饼图
2009/09/28 PHP
php简单对象与数组的转换函数代码(php多层数组和对象的转换)
2011/05/18 PHP
php的curl封装类用法实例
2014/11/07 PHP
实例讲解php数据访问
2016/05/09 PHP
IE下写xml文件的两种方式(fso/saveAs)
2013/08/05 Javascript
JS中字符串trim()使用示例
2015/05/26 Javascript
简介JavaScript中substring()方法的使用
2015/06/06 Javascript
jquery插件autocomplete用法示例
2016/07/01 Javascript
jQuery如何防止Ajax重复提交
2016/10/14 Javascript
微信小程序 MD5的方法详解及实例代码
2017/03/10 Javascript
基于jquery实现五星好评
2017/11/18 jQuery
浅谈 vue 中的 watcher
2017/12/04 Javascript
详解vue-cli3使用
2018/08/14 Javascript
react build 后打包发布总结
2018/08/24 Javascript
vuex实现购物车的增加减少移除
2020/06/28 Javascript
Element Notification通知的实现示例
2020/07/27 Javascript
探索node之事件循环的实现
2020/10/30 Javascript
在Python中使用pngquant压缩png图片的教程
2015/04/09 Python
python plotly绘制直方图实例详解
2019/07/22 Python
Python itertools.product方法代码实例
2020/03/27 Python
python中zip()函数遍历多个列表方法
2021/02/18 Python
css3中背景尺寸background-size详解
2014/09/02 HTML / CSS
5个你不知道的HTML5的接口介绍
2013/08/07 HTML / CSS
韩国休闲女装品牌网站:ANAIS
2016/08/24 全球购物
ECCO爱步加拿大官网:北欧丹麦鞋履及皮具品牌
2017/07/08 全球购物
英国领先的杂志订阅网站:Magazine.co.uk
2018/01/25 全球购物
青春励志演讲稿范文
2014/08/25 职场文书
升国旗演讲稿
2014/09/05 职场文书
司法局2014法制宣传日活动总结
2014/11/01 职场文书
基层组织建设年活动总结
2015/05/09 职场文书
校车司机安全责任书
2015/05/11 职场文书
技能培训通讯稿
2015/07/18 职场文书
Python中常见的导入方式总结
2021/05/06 Python
TV动画《政宗君的复仇》第二季制作决定PV公布
2022/04/02 日漫
Spring Boot接口定义和全局异常统一处理
2022/04/20 Java/Android