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 相关文章推荐
通过 Dom 方法提高 innerHTML 性能
Mar 26 Javascript
js导入导出excel(实例代码)
Nov 25 Javascript
用原生js做个简单的滑动效果的回到顶部
Oct 15 Javascript
JavaScript运算符小结
Jun 03 Javascript
Javascript removeChild()删除节点及删除子节点的方法
Dec 27 Javascript
jquery mobile 实现自定义confirm确认框效果的简单实例
Jun 17 Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
Jun 25 Javascript
利用原生JS与jQuery实现数字线性变化的动画
Feb 24 Javascript
JS实现头条新闻的经典轮播图效果示例
Jan 30 Javascript
vue项目打包上传github并制作预览链接(pages)
Apr 19 Javascript
js实现掷骰子小游戏
Oct 24 Javascript
解决VUE双向绑定失效的问题
Oct 29 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/11/26 PHP
php数组函数序列之ksort()对数组的元素键名进行升序排序,保持索引关系
2011/11/02 PHP
PHP最常用的2种设计模式工厂模式和单例模式介绍
2012/08/14 PHP
CI(CodeIgniter)框架中的增删改查操作
2014/06/10 PHP
PHP中echo,print_r与var_dump区别分析
2014/09/29 PHP
PHP中类属性与类静态变量的访问方法示例
2016/07/13 PHP
php 实现一个字符串加密解密的函数实例代码
2016/11/01 PHP
thinkPHP框架实现类似java过滤器的简单方法示例
2018/09/05 PHP
Microsfot .NET Framework4.0框架 安装失败的解决方法
2013/08/14 Javascript
JS对select控件option选项的增删改查示例代码
2013/10/21 Javascript
javascript 小数取整简单实现方式
2014/05/30 Javascript
js中将String转换为number以便比较
2014/07/08 Javascript
jQuery如何防止这种冒泡事件发生
2015/02/27 Javascript
基于JavaScript实现瀑布流布局(二)
2016/01/26 Javascript
javascript html5摇一摇功能的实现
2016/04/19 Javascript
再谈javascript常见错误及解决方法
2016/09/16 Javascript
JS中事件冒泡和事件捕获介绍
2016/12/13 Javascript
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
2017/05/15 jQuery
一个有意思的鼠标点击文字特效jquery代码
2017/09/23 jQuery
js实现手机web图片左右滑动效果
2017/12/29 Javascript
通过seajs实现JavaScript的模块开发及按模块加载
2019/06/06 Javascript
微信小程序实现可长按移动控件
2020/11/01 Javascript
Python读取指定目录下指定后缀文件并保存为docx
2017/04/23 Python
python+pyqt实现右下角弹出框
2017/10/26 Python
Python数据结构之栈、队列的实现代码分享
2017/12/04 Python
Python统计单词出现的次数
2018/04/04 Python
Python 爬虫之Beautiful Soup模块使用指南
2018/07/05 Python
基于python指定包的安装路径方法
2018/10/27 Python
Python中的引用知识点总结
2019/05/20 Python
图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传
2016/01/20 HTML / CSS
英国领先的鞋类零售商:Shoe Zone
2018/12/13 全球购物
印度排名第一的蛋糕、鲜花和礼品送货:Winni
2019/08/02 全球购物
香港演唱会订票网站:StubHub香港
2019/10/10 全球购物
文秘自荐信
2013/10/20 职场文书
授权委托书怎么写
2014/04/03 职场文书
JavaScript中的宏任务和微任务详情
2021/11/27 Javascript