我在javascript(包括w3schools和devguru)中阅读过的大多数教程都建议您可以通过使用var test = new Array(4);语法将整数传递给数组构造函数来初始化具有特定长度的数组。

在JS文件中大量使用了这种语法之后，我通过JSlint运行了其中一个文件，它吓坏了：

Error: Problem at line 1 character 22: Expected ')' and instead saw '4'.
var test = new Array(4);
Problem at line 1 character 23: Expected ';' and instead saw ')'.
var test = new Array(4);
Problem at line 1 character 23: Expected an identifier and instead saw ')'.

号

在阅读了JSlint对其行为的解释之后，JSlint似乎并不真正喜欢new Array()语法，而是在声明数组时更喜欢[]。

所以我有几个问题。首先，为什么？我使用new Array()语法是否有风险？是否存在我应该注意的浏览器不兼容问题？第二，如果我切换到方括号语法，有没有任何方法可以声明一个数组并将其长度全部设置在一行上，或者我必须这样做：

• Array(5)为您提供了一个长度为5但没有值的数组，因此您不能对它进行迭代。

• Array.apply(null, Array(5)).map(function () {})为您提供了一个长度为5且未定义为值的数组，现在可以对其进行迭代。

• Array.apply(null, Array(5)).map(function (x, i) { return i; })为您提供了一个长度为5、值为0、1、2、3、4的数组。

• Array(5).forEach(alert)什么也不做，Array.apply(null, Array(5)).forEach(alert)给你5个提示

• ES6给了我们Array.from所以现在你也可以使用Array.from(Array(5)).forEach(alert)。

• 如果您想用某个值初始化，这些很好地知道…江户十一〔22〕、江户十一〔23〕。或Array.from({length: 5}, (v, i) => i) // gives [0, 1, 2, 3, 4]。

小精灵

相关讨论

• 这就是我要找的。我想在一个逻辑序列上应用一个映射；应该这样做。谢谢您！
• 为什么array.apply()将其作为值未定义？
• "wdanxna Array了多参数时，它iterates在arguments对象和明确适用于每个值的新数组。当你呼叫Array.apply阵列或与安安对象与物业Array长度要长到每一个使用价值或明确集新数组。这是为什么Array(5)给安阵列或5省音，而Array.apply(null, Array(5))给安阵列或5定义的风险。为更多的信息，参见本答案。
• 有区别的阵列(5)和新的阵列(5)。
• 最后的实例可以被简化。你可以做的有5 Array.apply(null, Array(5))..forEach(alert)警报。useless的地图功能。
• 谢谢，你是正确的"的逻辑
• "Array.apply(null, Array(5))也可以用Array.apply(null, {length: 5})轴。这真的是差不多，但后者是unambiguously透明，目的是创建一个数组或length 5含和不安，5阵列
• 如果你需要创建一个空的字符串数组，你也可以用在做这样的Array.apply(null, Array(49)).map(function () { return""; })
• 第Array.from(Array(5)).map(() => Array.from(Array(5)).fill(0))initialized二维阵列
• "不可与{length:5}也可以与新.from法这样的Array.from({length: 5}, (v, i) => i)

---

• 为什么要初始化长度？理论上没有必要这样做。它甚至可能导致混淆行为，因为所有使用length来查明数组是否为空的测试都将报告数组不是空的。一些测试表明，如果随后填充数组，则设置大型数组的初始长度可能更有效，但不同浏览器的性能增益(如果有)似乎有所不同。

• JSlint不喜欢new Array()，因为构造者不明确。

  1	new Array(4);

  创建长度为4的空数组。但是

  1	new Array('4');

  号

  创建一个包含值'4'的数组。

关于您的注释：在JS中，您不需要初始化数组的长度。它是动态增长的。您可以将长度存储在某个变量中，例如

1 2 3 4 5 6

var data = []; var length = 5; // user defined length for(var i = 0; i < length; i++) {     data.push(createSomeObject()); }

相关讨论

• 数组中的对象数是由用户定义的，所以我让用户选择一个数字，然后用这么多的槽初始化数组。然后，我运行一个for循环，循环遍历数组的长度并填充它。我想在javascript中还有其他方法可以做到这一点，所以真正的答案是"为什么我要这样做？"是"因为用其他语言编程时形成的旧习惯。"：)
• @MLMS只是让for循环迭代用户定义的数字，而不必设置数组长度，然后迭代它。你不觉得这更有道理吗？
• @？IME，是的，这就是我在输入评论时所意识到的。这是完全有道理的，但这是我在C中不愿意做的事情，这是我以前学到的(并且使用的更多)而不是JavaScript。

• Why do you want to initialize the length? Theoretically there is no need for this. And all tests that use the length to find out whether an array is empty or not will fail.

  嗯，也许是表演？设置数组中预先存在的元素比动态添加要快。

• "是时候放弃旧的编程习惯了"的评论真的没有必要。正确的结构语言总是优于ecmascript mombo jambo。
• @用户1916182：我不想暗示其他语言的工作方式是糟糕的。只是JS的工作方式不同。但到目前为止，你是对的，这是不必要的评论。远离的。
• @codehead：对这句话的回应是："设置数组的一个预先存在的元素比动态添加要快。"：注意，new Array(10)不会创建一个包含10个未定义元素的数组。它只创建一个长度为10的空数组。请看下面的答案了解令人讨厌的事实：stackoverflow.com/questions/18947892/&hellip；
• 回复：为什么要初始化长度？理论上没有必要这样做。--fwiw，这里有：Array(11).join("a")似乎很难让jslin在那里开心。不过，正如milmetric所建议的，您似乎只需将数组的长度设置为n，就可以复制构造函数arr=[];arr.length=n+1;str=arr.join(repeatMe);。哎呀。代码气味。
• @克里斯蒂安：埃多克斯1〔5〕是一个标量。我不能在这里访问数组的长度。使用while没有优势。
• @费利克斯克林很抱歉，可能有点奇怪，我看到了短代码的优点，因为在这种情况下，"i"是不重要的，所以有一段时间(i--)写得比较短。
• 从不使用新数组(int)！coderwall.com/p/h4xm0w/why-never-use-new-array-in-javascript
• @Abimelex我将回答您不应该使用某个特性，因为该语言有一些getchas(所有语言都有，除非它们不关心向后兼容性，非常新，并且只向您学习以了解当前年份getcha的人开放)；但是在一些基准之后，我发现docx1〔7〕通常比var a = []; for (var i = 0; i < 400000; ++i) { a[i] = 0; }慢，两者都需要1或2毫秒。非常奇怪的是，考虑到新的构造函数往往是JavaScript中最快的东西之一。
• "你为什么要……"这么多次被问到。我认为，当有人发布一个问题时，有理由假定他们有一个合法的用例，并从那里开始。
• @迈克尔：了解实际的用例使我们能够潜在地提供更好的解决方案。这就是所谓的xy问题。

---

使用ES2015 .fill()，您现在可以简单地执行以下操作：

1 2 3

// `n` is the size you want to initialize your array // `0` is what the array will be filled with (can be any other value) Array(n).fill(0)

。

比Array.apply(0, new Array(n)).map(i => value)简洁得多

可以将.fill()中的0放在.fill()中，在没有参数的情况下运行，这将用undefined填充数组。(但是，这将在typescript中失败)

相关讨论

• 不幸的是，他是在尚未把负载：developer.mozilla.org /我们/文档/网络/脚本/咨询/ & hellip；
• 这是很酷的，但不工作的歌剧和他…：(
• 你可以使用"aralroca总是polyfill提供的modernizr MDN页，或考虑使用。
• 是的，请试试在你的评论
• 有人告诉我在哪里可以Array(n)是记录吗？
• garretwilson和"基督教"的When Array is called as a function rather than as a constructor, it also creates and initializes a new Array object. Thus the function call Array(…) is equivalent to the object creation expression new Array(…) with the same arguments的规格。
• "ap.，零是多余的。做Array(n).fill()
• 是的，改变了我的答案！
• "pacerier I Don’t认为0是冗余的。根据es6类型定义的函数，这是签名：把(价值：启动？结局：数？本：number)：把价值的；因此，似乎并不是可选的。typescript编译将失败作为函数呼叫是书面上的。
• 这是很酷的！

---

最短的：

1	[...Array(1000)]

。

相关讨论

• upvoted，但你绝对不应该一个一开始，A线与[JS不使用;因为它将尝试对引用线以上。所以一个安全的使用本线predictably在任何部分的代码是：;[...Array(1000)]//.whateverOpsNeeded()
• 不是真的。试着在开发者工具。本：[...Array(5)]; console.log('hello');以及[...Array(5)].map((item, index) => ({ index }))试
• 尝试在多行JS文件中使用它。如果您的第一行是const a = 'a'，下一行是[...Array(5)].//irrelevent。你认为第一行能解决什么问题？可能是const a = 'a'[...Array(5)]，结果是：Uncaught SyntaxError: Unexpected token ...。
• 这是真的，但在这种情况下，我会说问题在其他地方，分号和线头现在很重要。
• 是的，对于任何用户来说，它只是一个免责声明，如果您在您的行前面包含一个;，比如;[...Array(5)].map()，那么您可以在代码中的任何地方使用它，而不必担心意外的JS行为。正如我所说，这是一个很好的答案！：)
• @AP这个例子正是许多样式指南要求用分号结束每个语句的原因。在这种情况下，const a = 'a'将是一个lint错误。不管怎样，这与这个答案没有任何关系。

---

1 2 3

[...Array(6)].map(x=>0); // [0, 0, 0, 0, 0, 0]

或

1 2 3

Array(6).fill(0); // [0, 0, 0, 0, 0, 0]

。

注：不能循环空槽Array(4).forEach( (_,i) => {} )。

或

1 2 3

Array(6).fill(null).map( (x,i) => i ); // [0, 1, 2, 3, 4, 5]

(字体安全)

创建嵌套数组

用fill创建二维数组时，直观地应该创建新的实例。但实际发生的是，相同的数组将存储为引用。

1 2 3 4 5

var a = Array(3).fill([6]); // [[6], [6], [6]] a[ 0 ].push( 9 ); // [[6,9], [6,9], [6,9]]

。

解决方案

1 2 3 4

var a = [...Array(3)].map(x=>[]); a[ 0 ].push( 4, 2 ); // [[4,2], [ ], [ ]]

号

因此，3x2阵列将如下所示：

1 2 3 4 5

[...Array(3)].map(x=>Array(2).fill(0)); // [ [0,0] , //   [0,0] , //   [0,0] ]

号

---

ES6引入了Array.from，它允许您从任何"类似数组"或iterables对象创建Array：

1 2	Array.from({length: 10}, (x, i) => i); // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

。

在这种情况下，{length: 10}表示"类似数组"对象的最小定义：仅定义length属性的空对象。

Array.from允许在生成的数组上映射第二个参数。

相关讨论

• @我认为[…array(10)]更好stackoverflow.com/a/47929322/4137472
• 为什么更好？不鼓励使用数组构造函数，一些Linter也会抱怨

---

这将把长度属性初始化为4:

1	var x = [,,,,];

。

相关讨论

• 很聪明。它没有构造器的灵活性，因为您不能使用变量来设置长度，但它确实回答了我最初的问题，所以+1。
• 想象一下，当性能真的很重要时，为300个项目做这个吧！
• @仪表工，你什么意思？300件该怎么办？
• @毫无意义的表面制动器
• 当预先分配这么小的数组时，性能增益可能不大。当创建更大的数组时，性能差异将被更好地感知。在这些情况下，用逗号初始化它们会有点困难。
• @failderbrar没有性能提升，afaik。在javascript中，数组是动态散列，具有普遍存在的length属性。
• 我认为这会在不同的浏览器中产生不同的结果，因为最后的逗号，有时是4，有时是5，参见stackoverflow.com/questions/7246618/&hellip；
• 埃多克斯1〔6〕怎么样？(没那么严重；)

---

我很惊讶没有一个功能性的解决方案建议您将长度设置为一行。以下基于下划线：

1 2	var test = _.map(_.range(4), function () { return undefined; }); console.log(test.length);

出于上面提到的原因，我将避免这样做，除非我想将数组初始化为特定的值。值得注意的是，还有其他实现范围的库，包括lo dash和lazy，它们可能具有不同的性能特征。

---

(作为评论，这可能更好，但时间太长了)

所以，在阅读了这篇文章之后，我很好奇预分配是否真的更快，因为理论上它应该更快。然而，这个博客给出了一些建议，反对它http://www.html5rocks.com/en/tutorials/speed/v8/。

所以还是不确定，我把它放在测试中。事实证明，它似乎更慢。

1 2 3 4 5 6 7 8 9 10 11 12 13 14

var time = Date.now(); var temp = []; for(var i=0;i<100000;i++){     temp[i]=i; } console.log(Date.now()-time); var time = Date.now(); var temp2 = new Array(100000); for(var i=0;i<100000;i++){     temp2[i] = i; } console.log(Date.now()-time);

此代码在几次偶然运行后生成以下内容：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

$ node main.js 9 16 $ node main.js 8 14 $ node main.js 7 20 $ node main.js 9 14 $ node main.js 9 19

。

相关讨论

• 有趣的是，这似乎出乎意料，所以我做了一个JSPerf测试。Chrome的结果与您的节点测试相匹配，但是当您为数组预先分配空间时，firefox和ie会稍微快一点。
• @迈克尔·斯梅克等等…这是否意味着V8实际上没有完全优化和完善？？？？？？？P
• @迈帕尔125：事实上，这是反过来的。V8过于优化，以至于优化后的代码路径比以前的代码路径更快。另一个浏览器根本没有优化，因此以前更快的代码路径保持更快。注意，在基准测试中，即使是"慢"的V8结果也比其他浏览器的快。
• @Michaelmartin Smucker-我刚刚在Chrome版本42.0.2311.90中运行了您的JSPerf(具体来说-在Windows Server 2008 R2/7 64位上的Chrome 42.0.2311.90 32位中测试)，动态大小的数组慢了69%。
• 同上。(我编写了原始节点测试)在Chrome42.0.2311.90中，Windows的动态大小慢了81%。)但我们最初的测试已经一年多了。时间总是在滑销，滑销….
• 迷人的。。。从JSPerf的结果来看，预分配的Chrome38似乎得到了巨大的提升。未来！

---

1 2 3

var arr=[]; arr[5]=0; alert("length="+arr.length); // gives 6

。

相关讨论

• 是的，但是console.log(arr)给出了[5: 0]这是一个稀疏数组，可能不是所需要的。

---

请人们不要放弃你的旧习惯。在分配内存一次然后处理该数组中的条目(如旧的)和在数组增长时多次分配内存(这不可避免地是系统在使用其他建议方法的情况下所做的)之间存在很大的速度差异。

当然，这些都不重要，除非你想用更大的数组做一些酷的事情。就这样。

由于目前JS中似乎没有设置数组初始容量的选项，所以我使用以下方法…

1 2 3 4 5 6 7

var newArrayWithSize = function(size) {   this.standard = this.standard||[];   for (var add = size-this.standard.length; add>0; add--) {    this.standard.push(undefined);// or whatever   }   return this.standard.slice(0,size); }

涉及到权衡：

• 此方法与其他方法一样长时间用于对函数的第一次调用，但很少时间用于以后的调用(除非要求更大的数组)。
• standard阵列永久性地保留了与您所要求的最大阵列相同的空间。

小精灵

但是，如果它与你正在做的事情相符合，那就有可能得到回报。非正式时间安排

1	for (var n=10000;n>0;n--) {var b = newArrayWithSize(10000);b[0]=0;}

号

以相当快的速度(考虑到n=1000000，10000人大约需要50毫秒)，并且

1 2 3 4 5

for (var n=10000;n>0;n--) {   var b = [];for (var add=10000;add>0;add--) {     b.push(undefined);   } }

在超过一分钟的时间(在同一个Chrome控制台上，10000个约90秒，或者慢2000倍)。这不仅是分配，还包括10000次推送、for循环等。

相关讨论

• 如果你对每一个时间段结束的数组，你duplicates它的复杂性，inserting n值仍然是O(N)，所以这不是在复杂的差分(但它是slower)。
• 好的，我要tomerwolberg夹"，改变了我的进步。它是一个物或是否有高推比方法的复杂性initialisation /拷贝或一个人会员由螺旋。据我所知，他们是两个非常重要的时间常数，在他们可以的话，我已经使用的"速度"，而不是。

---

这是另一个解决方案

1 2 3

var arr = Array.apply( null, { length: 4 } ); arr;  // [undefined, undefined, undefined, undefined] (in Chrome) arr.length; // 4

号

apply()的第一个论点是这个对象绑定，我们不关心这个问题，所以我们把它设置为null。

Array.apply(..)调用Array(..)函数，展开{ length: 3 }对象值作为其参数。

相关讨论

• 我不明白为什么这个答案有一个downvote。它真的一好的黑客。意思是你不能使用new Array(n)为initializing安阵列这样的new Array(n).map(function(notUsed,index){...})，但此方法，zangw轴"提到，你能做它。1从我。

---

数组构造函数有一个不明确的语法，而jslint终究会伤害您的感情。

另外，示例代码被破坏，第二条var语句将引发SyntaxError。您正在设置数组test的属性length，因此不需要另一个var。

就你的选择而言，array.length是唯一"干净"的。问题是，为什么首先需要设置大小？尝试重构代码以消除这种依赖关系。

相关讨论

• 汪汪，好注意第二个江户十一〔三〕。那是我的一些草率的复制和粘贴。
• @Ivowetzel，您要设置大小以提高性能。JS数组是动态数组。如果不设置大小(或者更确切地说，它是容量)，JS将分配一个默认大小的数组。如果添加的元素超过了所能容纳的数量，那么它将不得不增大数组的大小，这意味着它将在内部分配一个新数组，然后复制所有元素。

---

假设数组的长度是常量。在javascript中，这是我们要做的：

埃多克斯1〔14〕

---

如上所述，使用new Array(size)有点危险。不要直接使用它，而是将它放在"数组创建器函数"中。您可以很容易地确保这个函数没有bug，并且避免直接调用new Array(size)的危险。另外，您可以给它一个可选的默认初始值。这个createArray函数的作用是：

1 2 3 4 5 6 7 8 9 10

function createArray(size, defaultVal) {     var arr = new Array(size);     if (arguments.length == 2) {         // optional default value         for (int i = 0; i < size; ++i) {             arr[i] = defaultVal;         }     }     return arr; }

。

---

您可以使用array.length = youValue设置阵列长度。

所以应该是

1 2	var myArray = []; myArray.length = yourValue;

---

不应使用new Array的原因由以下代码说明：

1 2 3 4 5

var Array = function () {}; var x = new Array(4); alert(x.length);  // undefined...

。

其他一些代码可能会干扰数组变量。我知道有人会写这样的代码有点牵强，但是…

另外，正如FelixKing所说，接口有点不一致，可能导致一些非常难以跟踪的错误。

如果您想要一个长度为x、填充有未定义的数组(如new Array(x))，您可以这样做：

1 2 3 4 5

var x = 4; var myArray = []; myArray[x - 1] = undefined; alert(myArray.length); // 4

相关讨论

• 根据这种推理，您不应该使用alert和undefined，因为其他一些代码可能会干扰它们。第二个例子比new Array(4)的可读性差，并且没有给出相同的结果：jsfiddle.net/73fkd
• 这个答案很奇怪
• 你不能避免人们在javascript中乱搞全局对象；只是不要这样做，或者在人们这样做的地方使用框架。
• 在chrome repl当前：j=新数组(4)；j.length；//结果为4

---