jquery 对 Json 的各种遍历

原创 2015年07月10日 20:14:51

grep

<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var array = [1,2,3,4,5,6,7,8,9];
var filterarray = $.grep(array,function(value){
return value > 5;//筛选出大于5的
});
for(var i=0;i<filterarray.length;i++){
alert(filterarray[i]);
}
for (key in filterarray){
alert(filterarray[key]);
}
}
);
</script>

each

<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var anObject = {one:1,two:2,three:3};//对json数组each
$.each(anObject,function(name,value) {
alert(name);
alert(value);
});
var anArray = ['one','two','three'];
$.each(anArray,function(n,value){
alert(n);
alert(value);
}
);
}
);
</script>

inArray

<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var anArray = ['one','two','three'];
var index = $.inArray('two',anArray);
alert(index);//返回该值在数组中的键值,返回1
alert(anArray[index]);//value is two
}
);
</script>

map

<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var strings = ['0','1','2','3','4','S','6'];
var values = $.map(strings,function(value){
var result = new Number(value);
return isNaN(result) ? null:result;//isNaN:is Not a Number的缩写
}
);
for (key in values) {
alert(values[key]);
}
}
);
</script>

遍历json对象

<script>
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]);
}
}
</script>

遍历json对象

有如下 json对象:
var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30};
遍历方法:
for(var p in obj){
str = str+obj[p]+’,';
return str;
}


jquery 对 Json 的各种遍历

grep $().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep(array,funct...
  • F7ANTY
  • F7ANTY
  • 2015年01月07日 10:37
  • 509

json数据 填充遍历表格行列 jQuery

var year=${year}; var month=${month}; var jsondata={}; function dataFill(data){ var _month = 4...
  • lgh06
  • lgh06
  • 2014年07月18日 15:19
  • 1659

jquery ajax json 数据 遍历

后台返回的数据 : {"receiveList":[{"receive_dept_id":"1007873","receive_dept_desc":"区公司领导","guid":"20161123...
  • forever_yours
  • forever_yours
  • 2016年11月24日 13:14
  • 2343

jquery遍历json与数组方法总结each()

在jquery中遍历数组或json数组我们使用最多的方法是each这个函数了或使用foreach,for也是可以实现的,下面我来给大家详细介绍jquery遍历json与数组实现。 代码如下复制代码 先...
  • agonie201218
  • agonie201218
  • 2015年05月16日 16:27
  • 5251

用jquery的each方法介绍及遍历json对象

用jquery的each方法遍历json对象 //1.首先定义一个json对象jsonStu,保存学生的"姓名"和"分数"信息. //2.然后,通过调用$.each(...
  • daimomo000
  • daimomo000
  • 2016年12月29日 11:40
  • 5741

jquery遍历的json有两层list时的解决方法

//获取 学生分组列表 function getStuList(){ $("#allMemberList").html(""); $.get("classTeam/queryClassTeamA...
  • acmjk
  • acmjk
  • 2016年06月21日 11:22
  • 949

jquery遍历ajax返回的json数据

jquery遍历ajax返回的json数据 我们以前在前端遍历ajax拿到的数据一般都是用for或其他方式遍历,这样做麻烦且费事,效率不高,下面提供一个函数,只需把此函数放到jquery文件中,调用函...
  • codercwm
  • codercwm
  • 2016年05月17日 00:11
  • 2904

jquery动态遍历Json对象的属性和值

1. 遍历 json 对象的属性   //定义json对象  var person= {   name: 'zhangsan',   pass: '123',   fn: fu...
  • majian_1987
  • majian_1987
  • 2012年11月01日 10:50
  • 18264

jQuery通过json的方式响应map的list对象集合,并以table的形式展示

controller收到ajax请求,处理完成后作出响应,返回map的list对象集合, @RequestMapping(value = "/getPartByPurchBillId") @Re...
  • baidu_28283827
  • baidu_28283827
  • 2016年12月16日 17:00
  • 1892

一段完整的用jquery遍历json并显示到table中的客户端代码

本段代码没有采用jquery传统的写法,因为那样写大括号包小括号,小括号又包大括号实在眼花,所以我把所有函数都分开写了。 本段代码json数据(data表示的数据)是从服务端servlet中取得,如...
  • shan1774965666
  • shan1774965666
  • 2014年09月25日 15:04
  • 694
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 对 Json 的各种遍历
举报原因:
原因补充:

(最多只允许输入30个字)