亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JS數(shù)組遍歷中for,for in,for of,map,forEach各自的使用方法與優(yōu)缺點

 更新時間：2022年01月30日 09:51:36   投稿：wdc  
這篇文章主要介紹了JS數(shù)組遍歷中for,for in,for of,map,forEach各自的使用方法與優(yōu)缺點,需要的朋友可以參考下

JS數(shù)組遍歷普通函數(shù)

優(yōu)點:支持流程控制(break、continue、return)

for

const arr = ["A", "B", "C"]
 for(let i = 0; i<arr.length; i++){
   console.log(arr[i])
 }

優(yōu)點：能夠對索引精確控制
缺點：語法較為繁瑣

for in

const arr = ["A","B","C"]
arr["3"] = 1
Array.prototype["cc"] = "ck"

for(let e in arr){
  console.log(arr[e])
}

缺點：
1.遍歷索引為字符串，即e類型為字符串
2.會遍歷可枚舉的非數(shù)字類型鍵以及原型上的鍵
3.不同瀏覽器對for in 順序實現(xiàn)可能不一致

for of

const arr = ["A","B","C"]
arr["3"] = 1
Array.prototype["cc"] = "ck"
for(let i of arr){
  console.log(i)
}

優(yōu)點:語法簡潔、有序遍歷
缺點:由于遍歷的是值，對索引無直接控制

函數(shù)式編程-->高階函數(shù)

缺點，不能進行流程控制

map

const arr = ["A","B","C"]
arr.map(e => console.log(e))

優(yōu)點:語法簡潔，返回一個舊數(shù)組的映射數(shù)組，不影響原數(shù)組

forEach

const arr = ["A","B","C"]
arr.forEach(e => console.log(e))

優(yōu)點:語法簡潔，在不需要返回數(shù)組時，性能較好比map好

名稱流程控制函數(shù)式
forT 
for ofT 
forEach T
map T

JS數(shù)組遍歷函數(shù)總結：

在不需要流程控制時，優(yōu)先使用map，不需要返回值使用forEach,需要索引的控制時，可以回退至for,for of一般結合內置默認迭代器的數(shù)據(jù)結構(Map、Set)使用,在需要結合生成器 async await 異步迭代時的選擇

更多關于JS數(shù)組遍歷方法的技巧請查看下面的相關鏈接

相關文章

最新評論