我有一个相当标准的项目合并功能,抛出“ 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));
}
我尝试使用不同的值,但无法重现此错误。
有什么想法会导致这种情况吗?
答案 0 :(得分: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
的地方
答案 1 :(得分:1)
当索引为-1
时,问题出在未处理的极端情况下。
如果不替换元素,它将使数组的大小增加一倍。最终将导致堆栈溢出并达到数组大小的极限。