今天调试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
}
});
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);
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