js迴圈總結

2022-02-02 05:57:36 字數 1559 閱讀 3207

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...