JQuery 遍历map,ArrayList

         最近一直在写前端,发现用jquery的each一样可以取map,且顺序和map中顺序一致。

var js = {
		map:{
			班级:["一班","二班","三班"],
			人员:["50人","60人","70人"]
		},
		arrayList :{
				one:1,
				two:2,
				three:3
		},
		//遍历Map
		jsOne : function(){
			$.each(js.map,function(key,values){
				console.log(key);
				$(values).each(function(){
					console.log("\t"+this);
				});
			});
		},
		//遍历数组
		jsTwo : function(){
			$.each(js.arrayList,function(key,values){
				console.log(key);
				console.log(values);
			});
		},
		//过滤数组   筛选出大于5的  用grep方法
		jsThree : function(){
			  var array = [1,2,3,4,5,6,7,8,9];
		       var filterarray = $.grep(array,function(value){
		           return value > 5;
		       });
		       for(var i=0;i<filterarray.length;i++){
		    	   console.log(filterarray[i]);
		       }
		       for (key in filterarray){
		    	   console.log(filterarray[key]);
		       }
		},
		
		//返回该值在数组中的键值  和 value值
		jsFour : function(){
			   var anArray = ['one','two','three'];
		       var index = $.inArray('two',anArray);
		       console.log(index);//返回1
		       console.log(anArray[index]);//value 为two
		},
		
		//json遍历
		jsFive : function(){
			var json = [{aa:'aa'},{bb:'bb'}];
			for(var i=0,l=json.length;i<l;i++){
			   for(var key in json[i]){
				   console.log(key+':'+json[i][key]);
			   }
			}
		}
		
}

         注意:jquery中的$().each和$.each的区别,前者只能遍历数组,后者可以遍历数组和对象

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值