【JS】forEach中push为何不会陷入死循环，稀疏数组空元素为何不会被遍历

本文链接：https://blog.csdn.net/owo_ovo/article/details/142459864

前言

使用 forEach 时，遇到过如下几个问题

为什么稀疏数组空元素不会被遍历
为什么每次循环时 push 不会陷入死循环
为什么使用splice删除元素后，访问不到下一位元素

溯源

查阅 ecma官方文档，使用ECMA-262, 14th edition, June 2023版

在这里插入图片描述

根据流程实现代码：

在这里插入图片描述

Array.prototype.forEach = function (callback) {
  const len = this.length
  if (typeof callback !== 'function') {
    throw new TypeError(callback + ' is not a function')
  }
  let k = 0
  while (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)，所以不会打印