forEach总结（笔记）

最新推荐文章于 2023-07-18 17:36:30 发布

Mingchen Shao

最新推荐文章于 2023-07-18 17:36:30 发布

阅读量222

点赞数 1

分类专栏： js 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/shaoxxxxx/article/details/110429998

版权

js 专栏收录该内容

7 篇文章

订阅专栏

博客指出粘贴的JavaScript源码有问题，foreach不能通过回调形参改变原数组，可加深拷贝。还介绍了结束foreach循环的情况，break和continue在回调函数里不能用，return只能结束一次回调执行，正确结束方式是抛错强行结束。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

粘贴过来的源码实现：是有问题的！foreach并不能通过回调的形参来改变原数组，可以加上深拷贝一下。大体实现思想如下：

var arr = [1, 2, 3, 4, 5]
Array.prototype.myForEach = function(fn){
    var len = this.length;
    for(var i = 0; i < len; i ++){
        //将元素传给回调函数
        fn(this[i],i);
    }
}
arr.myForEach(function (ele, index){
    console.log(ele, index);
})

便于理解结束foreach循环：
1：break; continue; 直接不能用，因为是在回调函数里面。
2：return; 只能结束一次，结束一次回调的传入执行。

正确：只能抛错强行结束

try {
    var array = ["第一","第二","第三","第四"];
    
    // 执行到第3次，结束循环
    array.forEach(function(item,index){
        if (item == "第三") {
            throw new Error("第三");
        }
        console.log(item);// 第一 第二
    });
} catch(e) {
    if(e.message!="第三") throw e;
};