放弃使用forEach的理由

js中Array的forEach有如下缺点

1. 不支持异步,内部用await无效
2. 无法中断,不支持break,continue
3. 跳过已删除和未初始化的项
4. 不能修改数组项

替代方案

1. map()、filter()、reduce()支持异步,for循环和for of都支持异步

const promises = arr.map(async (num) => {
    const result = await asyncFunction(num);
    return result;
});
  
Promise.all(promises).then((results) => {
    console.log(results);
});

2. for循环和for...of都支持中断

for (let item of data) {
    if (xxx) break;
}

3. for循环和for...of都不会跳过已删除和未初始化的项

4. for循环和for...of修改数组项,或者 forEach中用数组修改

//利用forEach的index,用数组直接修改
arr.forEach((ele, index, arr) => {
    if (xxx) {
        arr[index] = xxx
    }
})

 

posted @   全玉  阅读(59)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
历史上的今天:
2021-06-25 top/left和margin-top/margin-left的百分比取值
2018-06-25 Event loop的macro task和micro task
2018-06-25 vue的nextTick的实现
点击右上角即可分享
微信分享提示