jquery常用遍历循环处理

??一、基本数组和for循环??

最基本的遍历输出：

$(function(){
	var arr=[111,222,333,444,555,666];
	for(var i=0;i<arr.length;i++){
		$("#tab").append("<tr><td>"+arr[i]+"</td></tr>");
	};

});

html结构：

   <div class="box">
    	<table id="tab">
    
    	</table>
    </div>

二、基本数组和for in循环

$(function(){
	var arr=[111,222,333,444,555,666];
	for(var i in arr){
		$("#tab").append("<tr><td>"+arr[i]+"</td></tr>");
	};

});

三、object类型和for in循环

$(function(){
	var obj={‘a‘:123,‘b‘:456,‘c‘:789};
	for(var i in obj){
		$("#tab").append("<tr><td>"+obj[i]+"</td></tr>");
	};

});

四、基本数组和while循环

$(function(){
	var arr=[111,222,333,444,555,666];
	var index=0;
	while(arr[index]){
		$("#tab").append("<tr><td>"+arr[index]+"</td></tr>");
		index+=1;
	}

});

五、二维数组和for循环

$(function(){
	var arr=[[1,1111],[2,222],[3,333]];
	for(var i=0;i<arr.length;i++){
		var tr=$("<tr></tr>")
		for(var j=0;j<arr[i].length;j++){
			tr.append("<td>"+arr[i][j]+"</td>")
		};
		$("#tab").append(tr)
	};

});

六、json类型和for循环&&for in循环

$(function(){
	var arr=[{‘姓名‘:111,‘性别‘:0},{‘姓名‘:888,‘性别‘:0},{‘姓名‘:999,‘性别‘:1}];
	for(var i=0;i<arr.length;i++){
		var tr=$("<tr></tr>")
		for(var j in arr[i]){
			tr.append("<td>"+arr[i][j]+"</td>")
		};
		$("#tab").append(tr)
	};

});

七、json类型和while循环&&for in循环

$(function(){
	var arr=[{‘姓名‘:111,‘性别‘:0},{‘姓名‘:888,‘性别‘:0},{‘姓名‘:999,‘性别‘:1}];
	var i=0;
	while(arr[i]){
		var tr=$("<tr></tr>")
		for(var j in arr[i]){
			tr.append("<td>"+arr[i][j]+"</td>")
		};
		$("#tab").append(tr);
		i+=1;
	};

});

总结：

for循环非常简单

for in要记住的就是定义的变量接收的是循环对象的下标

while循环要定义循环指针变量，通过条件成立（获取到内容）让指针下移动（+1），获取不到内容（指针指到最后一个的下一个）条件不成立不在进行循环

八、字符串和while循环

var str="好11111111，人222222222，在3333333333，那4444444444，里55555555"；
var val="在";

如何输出 ：‘在’后面的所有‘3’？？

方法一：数组处理

$(function(){
	var str="好11111111，人222222222，在3333333333，那4444444444，里55555555";
	var val="在";
	var changearr=str.split(‘，‘);
	var rres;
	for(var i=0;i<changearr.length;i++){
		var temp=changearr[i].split(‘‘);
		if(temp[0]==val){
			rres=temp;
		}
	};
	var res=‘‘;
	for(var i=0;i<rres.length;i++){
		if(i==0){

		}else{
			res+=rres[i];
		}
	};
	alert(res)

});

方法2：while处理

$(function(){
	var str="好11111111，人222222222，在3333333333，那4444444444，里55555555";
	var val="在";
	var index=str.search(val);
	var i=1;
	var res=‘‘;
	while(str.charAt(index+i)!="，"){
		res+=str.charAt(index+i);
		i+=1;
	};
	alert(res)

});