web前端之javaScript 迴圈總結

2021-07-24 16:20:47 字數 1329 閱讀 3367

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

c.  for和for...in的共同點:

都可以用於陣列的迴圈

d.  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;繼續下乙個迴圈

web前端之筆試題

參加web前端筆試的時候的一道題,大意是乙個陣列arr和乙個數字n,j經過函式function arrsort 處理後有返回乙個result result滿足下面的要求 當arr 1,2,3,4,n 2,result 1,2 3,4 當arr 1,2,3,4,5 n 2,result 1,2 3,4...

web前端之資料繫結

object.defineproperties 可以同時繫結多個 object.defineproperty 繫結obj下的乙個變數 資料 資料描述符 屬性 資料屬性有4個描述內部屬性的特性 configurable 表示能否通過delete刪除此屬性,能否修改屬性的特性,或能否修改把屬性修改為訪問...

web前端之html css基礎

b 加粗 strong 加粗 i 傾斜 em 傾斜 u 下劃線 ins 下劃線 span 不換行 p 段落 換行 div 布局 h1 一級標題 del 刪除線 s 刪除線 href a 超連結 li 無序列表 li 有序列表 專案標題dt 專案描述dd 專案列表 dl 空格字元實體 cellspac...