【JS】forEach中push为何不会陷入死循环，稀疏数组空元素为何不会被遍历
前言
使用 forEach 时，遇到过如下几个问题
-
为什么稀疏数组空元素不会被遍历
-
为什么每次循环时 push 不会陷入死循环
-
为什么使用splice删除元素后，访问不到下一位元素
溯源
查阅 ecma官方文档，使用ECMA-262, 14th edition, June 2023版
根据流程实现代码：
Array.prototype.forEach = function (callback) {const len = this.lengthif (typeof callback !== 'function') {throw new TypeError(callback + ' is not a function')}let k = 0while (k < len) {if (k in this) {callback(this[k], k, this)}k++}
}
1. 为什么稀疏数组空元素不会被遍历
可以看到稀疏数组的 empty 并不会被记录，但是却可以改变长度
所以当遍历前两个空元素时，并不会进入判断
2. 为什么每次循环时 push 不会陷入死循环
length固定
3. 为什么使用splice删除元素后，访问不到下一位元素
这里以 [1, 2, 3, 4, 5] 说明
第一次遍历后删除元素1、k为1，此时数组为[2, 3, 4, 5]，打印1；
第二次遍历，访问[2, 3, 4, 5]中索引为1的元素，即3，随后删除元素3、k为2，此时数组为[2, 4, 5]；
第三次遍历，访问[2, 4, 5]中索引为2的元素，即5，随后删除元素5、k为3，此时数组为[2, 4]；
后面由于无法进入判断 if(k in this)，所以不会打印