本文由 发布，转载请注明出处，如有问题请联系我们！ 发布时间: 2021-08-01js数组遍历方法-js数组替换指定元素

常见的解析xml涵数。

应用for-of循环系统(es 2015 )–多线程友善。

应用foreach/some–多线程不友善(参照实例)。

用以多线程友善。

留意几个方面

不必应用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(["头", "条", "新", "浪", "潮"]);//延迟进行后，立即打印出 "头" "条" "新" "浪" "潮"为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(["头", "条", "新", "浪", "潮"]);//先后延迟打印出結果 "头" "条" "新" "浪" "潮"