首页 > 其他 > 详细

TypeScript中慎用forEach

时间:2021-08-24 20:23:56      阅读:11      评论:0      收藏:0      [点我收藏+]

今天调试js,其中用到了forEach。发现forEach方法跟预想的不太一样,去网上一搜找到了这篇。记录并分享一下。

jQuery 中大家都使用 each,而很少用 for,在 TypeScript 中也有类似的现象,都用 forEach,而很少用 for,但是其实 for 真的挺好用。而 forEach 反而要慎用。

误用一、用在查找

var arr = [4, 5, 6]; // 各元素值不同
arr.forEach((item) => {
    if (item == user.id) {
        // do something
    }
});

上述代码大意是想在一个数组中,找到与 id 对应的值,找到后做点事。

其实像上述这种情况下,往往我们需要在找到后 break 的,但是 forEach 不能 break,不管你 return 什么。

误区二、类似 for 中删除数组元素

var arr = [4, 5, 6];
arr.forEach((item, index) => {
    console.log(item + "x" + index);
    if (item > 4) {
        arr.splice(index, 1);
    }
});
console.log(arr);

结果只循环了 2 次,6 根本就没有进入循环,原来这个删除了之后,数组后面的前移了,但是指针还在后移,就漏掉了一个元素。

 

原文来源:http://www.itpow.com/c/2019/12/11669.asp

TypeScript中慎用forEach

原文:https://www.cnblogs.com/lylMemory/p/15181512.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!