陣列常用遍歷

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

陣列常用遍歷

JS常用陣列遍歷

陣列常用遍歷方法總結

遍歷陣列的常用方法

相關推薦