js和jQuery遍历json对象和数组

本文介绍了使用JavaScript和jQuery进行数组、JSON对象及JSON数组遍历的多种方法,包括$.each()函数的应用、数组筛选及获取索引等实用技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

javascript和jQuery遍历数组,json对象和json数组的多种方法。

/*
	* jquery each()筛选遍历数组 
	*/
	function eachArray(){ 
		var anArray = ['zero','one','two']; 
		$.each(anArray,function(index) { 
			console.log(index);  
		}); 
		$.each(anArray,function(index,value){ 
			console.warn(index); 
			console.warn(value); 
		}); 
	}
	
	/*
	* jquery each()筛选遍历JSON数对象
	*/
	function eachJson(){
		var anObject = {one:1,two:2,three:3};
		$.each(anObject,function(key) { 
			console.log(key);  
		}); 
		$.each(anObject,function(key,value) { 
			console.info(key); 
			console.info(value); 
		});
	}
	
	/*
	* jquery each()筛选遍历JSON数数组
	*/
	function eachJsonArr(){
		var arr = [{one:1,two:2,three:3},{"A":1,B:2,C:3}];
		$.each(arr,function(index,value){ 
			//这里的value就是上面的两个json对象,{}和{}
			console.info(value); 
			$.each(value,function(key,value){
				console.info(key+":"+value);
			}); 
		});
	}
	
	/*
	 *js遍历json数组
	*/
	function jsonArr(){
		var arr = [{dd:'ww',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}]; 
		for(var i=0,l=arr.length;i<l;i++){ 
			for(key in arr[i]){ 
				console.info(key+':'+arr[i][key]); 
			} 
		} 
	}
	
	/*
	 *js遍历json对象
	*/
	function jsonObj(){
		var json ={'name':'冯娟','password':'123456','department':'技术部','sex':' 女','old':30};
		for(key in json){ 
			console.info(key+':'+json[key]); 
		} 
	}

还有一些不常用的方法

	/* jquery grep()筛选遍历数组 ,
	 * 将数组通过筛选,获得一个新的数组,遍历
	*/
	function grepArray(){
		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++){ 
			console.info(filterarray[i]); 
		} 
		for (key in filterarray){ 
			console.warn(filterarray[key]);
		} 
	}
	
	/*
	* jquery inArray()筛选遍历数组 
	*/
	function inArray(){
		var anArray = ['one','two','three']; 
		var index = $.inArray('two',anArray); 
		console.info(index);//返回该值在数组中的索引值,返回1 
		console.info(anArray[index]);//value is two 
	}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值