blob: b0d98f825f7454189f53680c674a29894d435c94 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
|
---
title: 'RangeError: invalid array length'
slug: Web/JavaScript/Reference/Errors/Invalid_array_length
tags:
- JavaScript
- 范围错误
- 错误
translation_of: Web/JavaScript/Reference/Errors/Invalid_array_length
---
<div>{{jsSidebar("Errors")}}</div>
<h2 id="错误信息">错误信息</h2>
<pre class="syntaxbox">RangeError: invalid array length (Firefox)
RangeError: Invalid array length (Chrome)
RangeError: Invalid array buffer length (Chrome)
</pre>
<h2 id="错误类型">错误类型</h2>
<p>{{jsxref("RangeError")}}</p>
<h2 id="什么地方出错了">什么地方出错了?</h2>
<p>无效的数组错误长度通常会在以下情形中出现:</p>
<ul>
<li>当创建一个长度为负数或者长度大于等于2^32 的{{jsxref("Array")}} 或者 {{jsxref("ArrayBuffer")}} 时。</li>
<li>当设置 {{jsxref("Array.length")}} 属性为负数或者长度大于等于2^32 时。</li>
</ul>
<p>为什么 Array(数组) 和 ArrayBuffer(数组缓冲区) 的长度会受到限制?因为 Array 和 ArrayBuffer 的 length(长度) 属性被定义为一个32位无符号整形(unsigned 32-bit integer)的值,所以它只能存储 0 - 2^32 - 1 之间的数。</p>
<p>当你使用构造函数来创建一个数组的时候,你可能想使用字面值的形式,第一个参数会被解释为数组的长度。</p>
<p>或者说,你想要在设置数组之前确定它的长度,或把它作为一个构造函数的参数。</p>
<h2 id="示例">示例</h2>
<h3 id="错误的示例">错误的示例</h3>
<pre class="brush: js example-bad">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
</pre>
<h3 id="正确的示例">正确的示例</h3>
<pre class="brush: js example-good">[ 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)
</pre>
<h2 id="相关页面">相关页面</h2>
<ul>
<li>{{jsxref("Array")}}</li>
<li>{{jsxref("Array.length")}}</li>
<li>{{jsxref("ArrayBuffer")}}</li>
</ul>
|