js和ts關於遍歷的幾個小總結

2022-07-21 17:48:12 字數 1089 閱讀 1192

下文記述了一下關於迴圈遍歷的幾種方法foreach ,for...in, for...of有什麼區別。

首先我們來看看foreach的用法,如下**為例:

//

foreach和箭頭表示式

let list: array= [1, 2, 3, 4, 5

];list.foreach(value=>console.log(value)

);

view code

通過下圖執行結果我們可以看出,foreach迴圈可以獲取陣列的值,迴圈得出的是陣列的值。然而這種寫法有個缺點那就是通過foreach的迴圈無法中途根據特定的條件停止迴圈的執行,也就是說這種寫法不支援break.

接下來讓我們看看for...in的用法,還是上**如下:

//

for...in

let list1: array= [1, 2, 3, 4

];for (var index in

list1)

view code

通過執行的結果我們可以看出這種迴圈的寫法獲取到的是陣列的下標值,其實這種寫法還可以輸出js**裡關於屬性的設定。這種方法同樣的不支援break方法,中途無法停止迴圈的執行。

第三種迴圈的寫法就是for...of這中寫法是typescript的一種寫法,同樣的上**:

//

for...of

let list1: array= [1, 2, 3, 4

];for (var

index of list1)

view code

通過下圖的執行結果我們可以看出這種寫法也是輸出陣列集合的值的,這種寫法本身是支援break的,可以通過特定的條件中間停止迴圈。

關於js中遍歷總結

1.for迴圈 1 var2 arr 3for var i 0 i arr.length i js最常用的迴圈必然是for迴圈,最基礎的用法,用於陣列遍歷,但是 書寫過多。1 var2 arr 3 array.prototype.customfunc function 4for var item i...

幾個js的小例子

1 js的作用域,window物件 if a in window alert a 1 js的作用域是由函式劃分的 2 js的執行順序 var a 1,b function a x alert a 1 3 js引數 arguments 的含義 function b x,y,a b 1,2,3 10 4...

幾個dp的小總結

胖子很有錢。他購買了乙個先進的跑步機 真的不一樣哦 這個跑步機是這樣的 1.可以把它看成乙個n m的矩陣。有的格仔是障礙不能經過 用x表示 有的格仔是空地可以經過 用.表示 2.對於每乙個時段,跑步機有不同的傾斜方向。由於胖子太胖了,所以他這個時候只有2種選擇 要麼沿這個方向移動 每秒移動1個格仔 ...