陣列常用遍歷

2021-10-07 09:17:42 字數 2209 閱讀 3541

for迴圈

var arr =[1

,2,3

,4,5

,6]for

(let i =

0; i < arr.length; i++

)

for…in ( es5語法,主要是用來迴圈遍歷物件的屬性)比如url遍歷引數拼接至末尾

function

urlencode

(hosturl, params)

}//刪除最後乙個多餘的&

hosturl = hosturl.

substring(0

, hosturl.length -1)

;}//當傳入的url有?且在尾部位置時

else

if(hosturl &&

typeof hosturl ==

'string'

&& hosturl.

indexof

('?'

)!==-1

&& hosturl.

indexof

('?'

)== hosturl.length)

} hosturl = hosturl.

substring(0

, hosturl.length -1)

;}}urlencode

("",)

;

foreach (es6,三個引數先後為 item index array)

var arr =[1

,2,3

,4,5

,6] arr.

foreach

((item, index, array)

=>

)

也可以配合這兩個函式一起使用

var obj =

; console.

log(object.

getownpropertynames

(obj));

//["0", "1", "2"]

console.

log(reflect.

ownkeys

(obj));

//["0", "1", "2"]

reflect.

ownkeys

(obj)

.foreach

(key =>);

object.

getownpropertynames

(obj)

.foreach

(key =>

);

for…of 使用陣列中的物件(es6語法)

var arr =[1

,2,3

,4,5

,6]for

(const item of arr)

map 遍歷陣列,返回新物件(es6語法)

var arr1 =[1

,2,3

,4,5

,6] arr2 = arr1.

map(

(item, index)

=>

) console.

log(arr2)

;//[1,4,9,16,25,36]

filter 過濾陣列,引數item,index(es6語法)這個方法和es6的find蠻像的,使用find遍歷也兼顧了findindex查詢的功能

var arr =[,

,]var newarr = arr.

filter

(function

(item, index)

) console.

log(newarr)

//

var arr1 =[1

,,3,

,5,]

//你可以使用item查詢也可以使用index查詢,這樣就兼顧了findindex的遍歷查詢的功能

arr2 = arr1.

find

((item, index)

=>

)// console.log(arr2);//

console.

log(arr2)

;//

JS常用陣列遍歷

最近前端 在codereview的時候,發現同事的陣列遍歷用的是map方法,這個我沒看懂,原因是我之前沒了解過這種寫法.我之前寫j2ee最常用的應該就是普通的for迴圈了吧,短短幾年前端js又多了許多遍歷陣列迭代的方法了.既然已經有for迴圈了,那麼為啥還要出現其他的陣列遍歷方法了?我想原因就3點 ...

陣列常用遍歷方法總結

foreach 沒有返回值,return也不管用 map 會返回乙個新陣列,原陣列不變 filter 會返回乙個新陣列,原陣列不變 some 返回的是true或false,如果有乙個元素符合條件就返回true,不會檢測空陣列,原陣列不變 every 返回的是true或false,如果有乙個元素沒有符...

遍歷陣列的常用方法

var arr first second third fourth 3,5,8 for var i 0 i arr.length i 輸出 first second third fourth 3 5 8 被傳遞給foreach的函式會在陣列的每個元素上執行一次,元素作為引數傳遞給該函式 var ar...