JS运行报错信息“RangeError: invalid array length”的处理方法

JS运行报错信息“RangeError: invalid array length”的处理方法。

错误信息

RangeError: invalid array length (Firefox)
RangeError: Invalid array length (Chrome)
RangeError: Invalid array buffer length (Chrome)

什么地方出错了?

无效的数组错误长度通常会在以下情形中出现：

当创建一个长度为负数或者长度大于等于232 的 Array 或者 ArrayBuffer 时。

当设置 Array.length 属性为负数或者长度大于等于232 时。

为什么 Array（数组） 和 ArrayBuffer（数组缓冲区） 的长度会受到限制？因为 Array 和 ArrayBuffer 的 length（长度） 属性被定义为一个32位无符号整形（unsigned 32-bit integer）的值，所以它只能存储 0 - 232-1 之间的数。

当你使用构造函数来创建一个数组的时候，你可能想使用字面值的形式，第一个参数会被解释为数组的长度。

或者说，你想要在设置数组之前确定它的长度，或把它作为一个构造函数的参数。

示例

错误的示例

new Array(Math.pow(2, 40))
new Array(-1)
new ArrayBuffer(Math.pow(2, 32))
new ArrayBuffer(-1)

let a = [];
a.length = a.length - 1;         // 将 length 属性的值设置为 -1

let b = new Array(Math.pow(2, 32) - 1);
b.length = b.length + 1;         // 将 length 属性的值设置为 2^32

正确的示例

[ Math.pow(2, 40) ]                     // [ 1099511627776 ]
[ -1 ]                                  // [ -1 ]
new ArrayBuffer(Math.pow(2, 32) - 1)
new ArrayBuffer(0)

let a = [];
a.length = Math.max(0, a.length - 1);

let b = new Array(Math.pow(2, 32) - 1);
b.length = Math.min(0xffffffff, b.length + 1);   

// 0xffffffff 是 2^32 - 1 的 十六进制 表示方式
// 它也可以被写作 (-1 >>> 0)