这篇文章主要介绍“JS数组遍历函数有哪些优缺点”,在日常操作中,相信很多人在JS数组遍历函数有哪些优缺点问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JS数组遍历函数有哪些优缺点”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
JS数组遍历普通函数
优点:支持流程控制(break、continue、return)
for
const arr = ["A", "B", "C"] for(let i = 0; i<arr.length; i++){ console.log(arr[i]) }
优点:能够对索引精确控制
缺点:语法较为繁琐
for in
const arr = ["A","B","C"]arr["3"] = 1Array.prototype["cc"] = "ck"for(let e in arr){ console.log(arr[e])}
缺点:
1.遍历索引为字符串,即e类型为字符串
2.会遍历可枚举的非数字类型键以及原型上的键
3.不同浏览器对for in 顺序实现可能不一致
for of
const arr = ["A","B","C"]arr["3"] = 1Array.prototype["cc"] = "ck"for(let i of arr){ console.log(i)}
优点:语法简洁、有序遍历
缺点:由于遍历的是值,对索引无直接控制
函数式编程-->高阶函数
缺点,不能进行流程控制
map
const arr = ["A","B","C"]arr.map(e => console.log(e))
优点:语法简洁,返回一个旧数组的映射数组,不影响原数组
forEach
const arr = ["A","B","C"]arr.forEach(e => console.log(e))
优点:语法简洁,在不需要返回数组时,性能较好比map好
名称 | 流程控制 | 函数式 |
---|---|---|
for | T | |
for of | T | |
forEach | T | |
map | T |
到此,关于“JS数组遍历函数有哪些优缺点”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!