改用for...of遍历数组后，无需额外计数变量能否判断当前元素为最后一个？

好问题！从for...in切换到for...of确实是规避原型属性污染的正确选择，而关于判断当前元素是否为最后一个，完全不需要手动维护一个递增变量，有更优雅的方式实现：

方法1：使用entries()同时获取索引与元素 #

Array.prototype.entries()会返回一个迭代器，每次迭代都会给出包含「索引、元素值」的数组。利用这个特性，我们可以直接通过索引对比数组长度来判断是否为最后一个元素：

const elements = ['foo', 'bar', 'baz'];

for (const [index, element] of elements.entries()) {
  const isLastElement = index === elements.length - 1;
  console.log(`元素：${element}，是否为最后一个：${isLastElement}`);
}

这段代码的输出会是：

元素：foo，是否为最后一个：false
元素：bar，是否为最后一个：false
元素：baz，是否为最后一个：true

为什么不需要手动维护计数器？ #

for...of本身是遍历可迭代对象的值，不像传统for循环直接提供索引，但entries()方法已经帮我们封装了索引的获取逻辑，代码更简洁也更易读，避免了手动计数可能带来的错误（比如计数器初始值错误、递增时机不对等）。

补充：特殊场景的替代方案 #

如果你的数组是动态变化的（比如遍历过程中可能被修改），那直接用length -1可能不准确，这时候可以先把数组的最后一个元素存起来，遍历的时候对比当前元素：

const elements = ['foo', 'bar', 'baz'];
const lastElement = elements[elements.length - 1];

for (const element of elements) {
  const isLastElement = element === lastElement;
  // 注意：如果数组中有重复元素，这个方法会误判！
}

⚠️ 这个方法的局限性很明显：如果数组里有多个和最后一个元素相同的值，会把前面的重复元素也判定为“最后一个”，所以只适合数组元素唯一的场景。

综上，最稳妥且优雅的方式还是用entries()结合索引判断，既不需要手动维护计数器，也能准确识别最后一个元素。

内容的提问来源于stack exchange，提问作者Mehdi Souregi