RangeError：数组扩展时数组长度无效

Question

我有一个相当标准的项目水合函数，它会抛出“ RangeError：无效的数组长度”。不幸的是，这种情况在生产中很少发生，因此很难捕获输入参数。

这是函数：

function setProgress(items: SomeType[], id: string, someProperty: string) {
  const index = items.findIndex(item => item.id === id);
  const newItem: SomeType = {...items[index], someProperty };

  return [...items.slice(0, index), newItem, ...items.slice(index + 1); 
}

这就是转译为的内容（非丑化）：

function setProgress(items, id, someProperty) {
  var index = items.findIndex(function(e) {
      return items.id === id
    }), 
    newItem = Object.assign({}, items[index], {
      someProperty: someProperty
    });
  return items.slice(0, index).concat([newItem], items.slice(index + 1));
}

我尝试过使用不同的值，但无法重现此错误。

知道是什么以及如何导致这种情况吗？

Answer 1

当索引为 时，问题出现在未处理的极端情况中-1。它不是替换一个元素，而是使数组的大小加倍。这最终会导致堆栈溢出并达到数组大小的限制。