RangeError: Invalid array length at array spread

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

我在尝试传播类似数组的对象时遇到以下情况时出现此问题：

let borken = [...this.state.data.get("tags"), newTag]

// immutablejs toJS() converts the array-like into an array.
let worken = [...this.state.data.get("tags").toJS(), newTag]

如何得到这个错误的几个例子：

// example 1
Array(NaN)

// example 2
let a = []
a.length = a.length  - 1

// example 3 setting .length to > 2^32
let b = [];
b.length = Math.pow(2, 32);

在我的例子中，它调用了以下 __spreadArrays:

var __spreadArrays = (undefined && undefined.__spreadArrays) || function () {
    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
    for (var r = Array(s), k = 0, i = 0; i < il; i++)
        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
            r[k] = a[j];
    return r;
};

其中 var r = Array(s) 和 s 是 NaN

Answer 2

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

RangeError: Invalid array length at array spread

RangeError: Invalid array length at array spread

javascript

arrays

array-splice

typescript