JavaScript 中填充数组

1. 在 JavaScript 中使用 Array.prototype.fill() 填充数组
2. 在 JavaScript 中使用 Array.prototype.map() 填充数组
3. 在 JavaScript 中使用 Array.from() 方法填充数组
4. 在 JavaScript 中使用 apply() 方法填充数组
5. 在 JavaScript 中使用 loop 语句填充数组

在 JavaScript 中，Array.prototype.fill() 连续工作以填充某个范围数组。但是，根据浏览器的不同，许多元素的操作可能会变慢。

或多或少，大多数填充数组的方式都面临着大量元素的这种缓慢的步伐。但有些方法在快速比较运算的情况下效果更好。

在这里，我们将看到方法 fill()、map()、from()、apply() 和基本 loop 语句填充数组的应用。让我们跳到代码行。

在 JavaScript 中使用 Array.prototype.fill() 填充数组

此方法需要一行代码来初始化数组元素。fill() 方法的默认函数完成了填充数组的工作。

代码片段：

var a = new Array(5).fill(1);
console.log(a);

输出：

在 JavaScript 中使用 Array.prototype.map() 填充数组

在这里，我们将使用扩展运算符来扩展数组的元素，然后在每个元素上应用 map() 以用一个值填充它们。代码解释得更好。

代码片段：

var a = [...new Array(5)].map(x => 2);
console.log(a);

输出：

在 JavaScript 中使用 Array.from() 方法填充数组

在这种情况下，我们将使用 Array.from() 方法，该方法将接受一个定义其范围的数组实例，并且还将有一个函数集将初始化 lambda 函数范围中描述的元素值。让我们检查一下代码块。

代码片段：

var a = Array.from(Array(5), () => 3);
console.log(a);

输出：

在 JavaScript 中使用 apply() 方法填充数组

我们将使用 apply() 方法将数组的所有元素保持在一定范围内。稍后，我们将使用 map() 函数为每个元素赋值。

var a = Array.apply(null, Array(5)).map(Number.prototype.valueOf, 4);
console.log(a);

输出：

在 JavaScript 中使用 loop 语句填充数组

在这里，我们将使用一个基本循环来遍历数组的元素直到指定范围，然后初始化这些值。

代码片段：

var a = new Array(5);
for (var i = 0; i < 5; i++) {
  a[i] = 5;
}
console.log(a);

输出：