创建零填充JavaScript数组的最有效方法是什么？

在JavaScript中创建任意长度的零填充数组最有效的方法是什么？

当前回答

用预先计算的值填充数组的优雅方式

这里有另一种使用ES6的方法，到目前为止没有人提到：

> Array.from(Array(3), () => 0)
< [0, 0, 0]

它通过传递一个map函数作为Array.from的第二个参数来工作。

在上面的示例中，第一个参数分配一个由3个位置组成的数组，其中填充了未定义的值，然后lambda函数将每个位置映射到值0。

虽然Array（len）.fill（0）更短，但如果您需要先进行一些计算来填充数组，它就不起作用了（我知道这个问题并没有提出，但很多人最终都在这里寻找这个问题）。

例如，如果需要包含10个随机数的数组：

> Array.from(Array(10), () => Math.floor(10 * Math.random()))
< [3, 6, 8, 1, 9, 3, 0, 6, 7, 1]

它比同类产品更简洁（更优雅）：

const numbers = Array(10);
for (let i = 0; i < numbers.length; i++) {
    numbers[i] = Math.round(10 * Math.random());
}

此方法还可用于通过利用回调中提供的索引参数生成数字序列：

> Array.from(Array(10), (d, i) => i)
< [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

额外答案：使用String repeat（）填充数组

由于这个答案受到了很多关注，我也想展示一下这个很酷的技巧。虽然不如我的主要答案有用，但将介绍一个仍然不是很有名，但非常有用的Stringrepeat（）方法。诀窍如下：

> "?".repeat(10).split("").map(() => Math.floor(10 * Math.random()))
< [5, 6, 3, 5, 0, 8, 2, 7, 4, 1]

酷吧？repeat（）是创建字符串的一种非常有用的方法，该字符串将原始字符串重复一定次数。之后，split（）为我们创建一个数组，然后将其映射（）到所需的值。按步骤分解：

> "?".repeat(10)
< "??????????"

> "?".repeat(10).split("")
< ["?", "?", "?", "?", "?", "?", "?", "?", "?", "?"]

> "?".repeat(10).split("").map(() => Math.floor(10 * Math.random()))
< [5, 6, 3, 5, 0, 8, 2, 7, 4, 1]

2016-05-22 17:17:32

其他回答

function makeArrayOf(value, length) {
  var arr = [], i = length;
  while (i--) {
    arr[i] = value;
  }
  return arr;
}

makeArrayOf(0, 5); // [0, 0, 0, 0, 0]

makeArrayOf('x', 3); // ['x', 'x', 'x']

注意while通常比in、forEach等更有效。

2009-08-18 18:22:08

最快的方法是使用forEach=）

（我们保持IE＜9的向后兼容性）

var fillArray = Array.prototype.forEach
    ? function(arr, n) {
         arr.forEach(function(_, index) { arr[index] = n; });
         return arr;
      }
    : function(arr, n) {
         var len = arr.length;
         arr.length = 0;
         while(len--) arr.push(n);
         return arr;
      };

// test
fillArray([1,2,3], 'X'); // => ['X', 'X', 'X']

2011-10-11 16:20:35

递归解决方案

正如其他人所指出的，利用.contat（）通常提供快速解决方案。下面是一个简单的递归解决方案：

函数zeroFill（len，a）{return len<=（a||（a=[0]））.长度？a.切片（0，len）：zeroFill（长度，a.concat（a））}console.log（zeroFill（5））；

以及一个通用递归数组填充函数：

函数填充（len，v）{返回长度<=（v=[].contat（v，v））.length？v.slice（0，len）：填充（len，v）}console.log（fill（5，'abc'））；

2017-06-23 16:20:41

ES6引入了Array.prototype.fill。它可以这样使用：