js数组遍历|JavaScript遍历数组的方法有哪些
使用for-of循环(ES2015 ) - 异步友好
使用forEach/some - 异步不友好(见例子)
使用for - 异步友好
几点注意不使用map,除非你用不到循环的返回值,请注意map和forEach是有区别的,map主要用来生成一个新的数组。
异步谨慎使用forEach,如果回调做异步工作,需要forEach等待(但是forEach不会等待,而是直接到底)。
数组遍历例子for-of (ES2015 )用法简单直接,使用let把单个变量的范围进行限制,不会影响到循环外,而且性能优于forEach,建议遍历数组使用该函数。
const a = ["a", "b", "c"];for (let val of a) { console.log(val);}//依次打印结果 "a", "b", "c"
同时也对异步处理十分友好。
//延时function delay(ms) { return new Promise((resolve) => { setTimeout(resolve, ms); });}//异步函数打印数组内容async function show(arr) { for (let item of arr) { await delay(400); //等待 forEach 则会无视 await console.log(item); }}show(["头", "条", "新", "浪", "潮"]);//依次延时打印结果 "头" "条" "新" "浪" "潮"forEach (ES5)
处理同步代码|不需要等待),则可以使用forEach用于在循环期间完成的异步进程。
const a = ["a", "b", "c"];a.forEach((val) => { console.log(val);});//依次打印结果 "a", "b", "c"
异步处理例子,注意与for-of的差异,将会并发运行,等同于多个子函数同步运行。
//延时function delay(ms) { return new Promise((resolve) => { setTimeout(resolve, ms); });}//异步函数打印数组内容async function show(arr) { arr.forEach(async (item) => { await delay(400); console.log(item); });}show(["头", "条", "新", "浪", "潮"]);//延时完成后,直接打印 "头" "条" "新" "浪" "潮"for
const a = ["a", "b", "c"];for (let i = 0; i < a.length; i) { console.log(a[i]);}//依次打印结果 "a", "b", "c"//性能优化版const a = ["a", "b", "c"];for (let i = 0, length = a.length; i < length; i) { console.log(a[i]);}
异步处理例子
//延时function delay(ms) { return new Promise((resolve) => { setTimeout(resolve, ms); });}//异步函数打印数组内容async function show(arr) { for (let i = 0, length = arr.length; i < length; i) { await delay(400); console.log(arr[i]); }}show(["头", "条", "新", "浪", "潮"]);//依次延时打印结果 "头" "条" "新" "浪" "潮"
相关内容
-
word怎么打钩到方框里|在word中设置可以打钩的
word怎么打钩到方框里|在word中设置可以打钩的方框的方法,方...
-
word文档怎么调行间距|6个Word表格行距调整方法
word文档怎么调行间距|6个Word表格行距调整方法,行间距,方法,...
-
excel怎么合并两个工作表|Excel将两个表格数据
excel怎么合并两个工作表|Excel将两个表格数据合并为一个方...
-
word文档空白页删不掉|word空白页删除不了的解
word文档空白页删不掉|word空白页删除不了的解决方法,删除,文...
-
excel空白页怎么删除|文档里的空白页删不掉试试
excel空白页怎么删除|文档里的空白页删不掉试试这几个方法,文...
-
excel对勾快捷键|5种快速输入√与×号的方法
excel对勾快捷键|5种快速输入√与×号的方法,输入,方法,快捷...
-
手机投屏到电视的5种方法|手机投屏到电视最简单
手机投屏到电视的5种方法|手机投屏到电视最简单方法,投屏,方...
-
表格if函数怎么用|if函数多个判断条件怎么用
表格if函数怎么用|if函数多个判断条件怎么用,函数,条件,女生,...
-
pdf修改编辑文字|PDF文档上修改文字的方法
pdf修改编辑文字|PDF文档上修改文字的方法,修改,文字,文档,方...
-
微信安装下载到手机|手机安装微信最简单的方法
微信安装下载到手机|手机安装微信最简单的方法,安装微信,方法...
-
js数组删除|JavaScript删除数组元素的7种方法
js数组删除|JavaScript删除数组元素的7种方法,删除,数组元素,...
-
cad面域命令怎么用|cad面域正确使用方法
cad面域命令怎么用|cad面域正确使用方法,使用方法,命令,图形,...
-
pdf空白页怎么删除|pdf删除空白页最简单方法
pdf空白页怎么删除|pdf删除空白页最简单方法,方法,删除空白页...
-
微信在线编辑器|微信编辑器在线使用免费有哪些
微信在线编辑器|微信编辑器在线使用免费有哪些,在线,免费,在...
-
九九乘法口诀表打印|怎样用excel制作九九乘法表
九九乘法口诀表打印|怎样用excel制作九九乘法表,打印,制作,九...