JS中的4種for迴圈

2021-09-13 10:09:27 字數 1383 閱讀 8004

for (i = 0; i < looptimes; i++)
for (property in obj)
for (element of iterable)
iterable.foreach(function(value, key, iterable) );
arr = [1,2,3,4];

(4) [1, 2, 3, 4]

// 1. 普通for迴圈

for (i = 0; i < arr.length; i++)

0 11 2

2 33 4

undefined

// 2. for..in,遍歷物件的屬性(陣列下標也算)。

for (property in arr)

0 11 2

2 33 4

undefined

// 但是,如果向陣列手動新增成員屬性,則for..in也會遍歷到這些新的屬性。

console.log(arr.length, arr);

arr.name = "jt";

arr.age = 22;

console.log(arr.length, arr);

4 (4) [1, 2, 3, 4]

4 (4) [1, 2, 3, 4, name: "jt", age: 22]

undefined

// 再次用for..in遍歷陣列。會發現新定義的成員屬性也被遍歷。

for (property in arr)

0 11 2

2 33 4

name jt

age 22

undefined

// 3. 用for..of遍歷陣列物件。只會遍歷屬於陣列本身的值。

for (element of arr) 12

34undefined

// 4. 用`iterable.foreach(callbackfn, ?thisarg)`遍歷。

js常見的4種迴圈語句

while迴圈 輸出結果全是布林值 true false var num 1 1 宣告迴圈變數 while num 10 while迴圈 中的表示式,運算結果可以是各種型別,但是最終都會轉為真假,轉換規則如下。boolean true為真,false為假 string 空字串為假,所有非空字串為真 ...

js中的for迴圈

for迴圈 for 迴圈條件初始化 迴圈條件判斷 迴圈初始化 執行規則 第一步 迴圈結構初始化 var i 0 第二步 迴圈條件判斷 i 5 若判斷條件為真,則執行迴圈體 若不成立,則結束迴圈 第三步 迴圈迭代 i 第四步 回到第二步 i 2 每次執行下次迴圈上都給i 2在執行迴圈,下一次迴圈前用 ...

前端 js中建立物件的4種方式

1 字面量建立 var per1 2 object方式建立 var per2 newobject per2.name 李四 per2.age 18 per2.read function 3 通過工廠模式建立 function person name,age return obj var per3 p...