JavaScript中Set转Array丢失最后一个元素的问题求助

算力阿峰

2026-7-28

解决Set集合迭代丢失最后一个元素的问题

可能的原因及排查步骤：

异步操作导致Set状态变化：浏览器控制台的console.log(entities)是引用式展示，可能你在打印Set之后、转数组之前，有异步代码（比如requestAnimationFrame、游戏循环逻辑）删除了一个元素。解决方法是在同一行代码里同步打印size和数组长度，确认状态一致：
```
console.log('Set size:', entities.size, 'Array length:', [...entities].length);
```
Set原型方法被意外重写：如果项目中某处修改了Set.prototype的迭代器（比如Symbol.iterator）、values()或forEach()方法，会导致所有Set的遍历行为异常。比如错误截断迭代范围的自定义逻辑：
```
// 错误示例：跳过最后一个元素的自定义迭代器
Set.prototype[Symbol.iterator] = function*() {
  const items = [...this];
  for (let i = 0; i < items.length - 1; i++) {
    yield items[i];
  }
};
```
排查方式：检查代码中是否有修改Set原型的逻辑，若有则恢复原生方法：
```
// 恢复Set原生迭代器
Set.prototype[Symbol.iterator] = Set.prototype.values;
```
元素引用重复或被误删：Set基于严格相等（===）存储唯一元素，若你在添加元素时不小心加入了重复引用，或者在遍历前调用了entities.delete()但未察觉，也会出现size和实际遍历数量不符的情况。可以用forEach遍历计数，确认每个元素都被遍历到：
```
let itemCount = 0;
entities.forEach(item => itemCount++);
console.log('forEach遍历计数:', itemCount);
```