js原生的迴圈有兩種,一般的for迴圈和for...in迴圈。還有一種常用jquery.each()迴圈。
一. js原生迴圈
a. for迴圈,**如下:
var myarray = [1,2,3];
for (var i = 0; i < myarray.length; i++) ;
console:
1,2,3
b. for...in迴圈,**如下:
var myarray = [1,2,3];
for (var arr in myarray ) ;
console:
1,2,3
區別與聯絡
1. for和for...in的共同點:
都可以用於陣列的迴圈
2. for和for...in的不同點:
for...in迴圈除用於陣列的迴圈外,還可以用於物件的key迴圈,**如下:
var myobject = ;
for (var obj in myobject) ;
console:
id,name
e. 控制迴圈語句
break;跳出這個迴圈
continue;跳出本次迴圈
while迴圈:
var cars=["bmw","volvo","saab","ford"];
var i=0;
while (cars[i])
console:
bmw volvo saab ford
do-while迴圈:
var x="";
var i= 0;
dowhile (i<5)
二. jquery.each()迴圈
a. 遍歷dom節點**如下:
$("li").each(function());
b. 遍歷陣列
var arr = [1,2,3];
$.each(arr,function(i));
console:
1,2,3
c. 迴圈物件
var myobject = ;
$.each(myobject,function(i));
console:
1,2,3
d. 迴圈二維陣列,**如下:
var myarray = [[1,2,3],[4,5,6],[7,8,9]];
$.each(myarray,function(i,item));
console:
1,4,7
e. 迴圈控制語句:
return false;跳出這個迴圈
return true;繼續下乙個迴圈
總結js中的迴圈遍歷
定義乙個陣列和物件 const arr a b c d e f const obj 經常用來遍歷陣列元素 遍歷值為陣列元素索引for let i 0 len arr.length,i len i 用來遍歷陣列元素 第乙個引數為陣列元素,第二個引數為陣列元素索引,第三個引數為陣列本身 可選 沒有返回值...
Js陣列物件迴圈遍歷總結
let treelist treelist res.data.map item item.id map返回item.id treelist res.data.foreach item item.id foreach不返回item.id,只列印 treelist res.data.foreach it...
Js迴圈之for迴圈
for迴圈基礎 列印1到100和 var sum 0 for var i 1 i 100 i console.log sum 本金59萬,年利息0.0059,30年後還款金額 var money 570000 for var i 1 i 30 i console.log money 聯絡 8 1 6...