整理下JS中for循环和jQuery遍历

JS中的两种for循环-->
JS For Loop(for循环)
for (变量=开始值;变量<=结束值;变量=变量+步进值)
需执行的代码
}

JavaScript For...In 声明
For...In(forin) 声明用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。

for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。
语法：

for(变量 in 对象){//变量,用来表示数组的角标(或对象的属性,根据:对象[属性] 即可取得该对象属性的值value)
在此执行代码
}

var a=[3,2,55,12];
for(var i=0;i< a.length;i++){
   document.write("普通for: "+a[i]+"");
}
//for/in 遍历数组
for(j in a){
    document.write(" 增强for: "+a[j]+"");
}
//for/in 遍历对象的属性
var person={fname:"Bill",lname:"Gates",age:56}; //对象
for (x in person){  
    document.write(person[x]+" ");//Bill Gates 56
}
/*
这里扩展下
▲js中创建对象的两种方式:new Object()和{} 
如-->
javascript中所有对象都是Object实例
JavaScript对象实际上是一个key:value集合结构
第一种 new 创建Object 及其子类对象 
var o = new Object();
第二种 { }
var product = {};
js中对象就是一个容器，存放key:value

*/

同样也收集下jQuery中的遍历,便于对比

jQuery的遍历:-->

★$.each(object, [callback]);通用遍历方法，可用于遍历对象和数组。
它不同于遍历 jQuery 对象的 $().each() 方法，此方法可用于遍历任何对象。回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。
//遍历数组
$.each( [0,1,2], function(i, n){
alert( "Item #" + i + ": " + n );
});
//遍历对象
$.each( { name: "John", lang: "JS" }, function(i, n){
alert( "Name: " + i + ", Value: " + n );
});

★$().each() 方法，可遍历任何对象
返回值:jQuery $().each(callback) 以每一个匹配的元素作为上下文来执行一个函数。
可以使用 'return' 来提前跳出 each() 循环。
$("img").each(function(){});
$("#id").each(function(i){});
$("div").each(function(index, domEle){});//index是元素的索引值,domEle是每一个DOM对象本身,this==domEle
index:代表元素的下标(索引值)。
domEle:DOM元素对象

仅供参考,便于查看

整理下JS中for循环和jQuery遍历

猜你喜欢