js原生的循環有兩種，一般的for循環和for...in循環。還有一種常用jQuery.each()循環。
一. js原生循環
a. for循環，代碼如下：
var myArray = [1,2,3];
for (var i = 0; i < myArray.length; i++) {
console.log(myArray[i]);
};
console：
1，2，3
b. for...in循環，代碼如下：
var myArray = [1,2,3];
for (var arr in myArray ) {
console.log(arr);
};
console：
1，2，3
區別與聯系
1. for和for...in的共同點：
都可以用於數組的循環
2. for和for...in的不同點：
for...in循環除用於數組的循環外，還可以用於對象的key循環，代碼如下：
var myObject = {"id":"1","name":"john"};
for (var obj in myObject) {
console.log(obj);
};
console：
id，name
e. 控制循環語句
break;跳出這個循環
continue;跳出本次循環
while循環：
var cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i])
{
console.log(cars[i] + "<br>");
i++;
}
console：
BMW Volvo Saab Ford
do-while循環:
var x="";
var i= 0;
do{
x=x + "該數字為 " + i + "<br>";
i++;
console.log(x);
}
while (i<5)
二. jQuery.each()循環
a. 遍歷DOM節點 代碼如下：
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
$("li").each(function(){
alert($(this).text())
});
b. 遍歷數組
var arr = [1,2,3];
$.each(arr,function(i){
console.log((arr[i]));
});
console:
1,2,3
c. 循環對象
var myObject = {"one":1,"two":2,"three":3};
$.each(myObject,function(i){
console.log(myObject[i]);
});
console:
1,2,3
d. 循環二維數組，代碼如下：
var myArray = [[1,2,3],[4,5,6],[7,8,9]];
$.each(myArray,function(i,item){
console.log(item[0]);
});
console:
1,4,7
e. 循環控制語句：
return false;跳出這個循環
return true;繼續下一個循環