JavaScript 创建一个填充零的数组

在本文中，我们将在JavaScript中创建一个填充零的数组。填充零的数组是每个索引位置的值都为零的数组。为此，我们有几种方法可以使用：

• Array fill()方法
• Array.from()方法。
• 也可以使用数组构造函数来创建填充零的数组。
• 使用for循环创建数组。

  方法1: Array.prototype.fill

fill()方法用于将数组中的元素从初始索引（默认为0）到结束索引（默认为array.length）更改为静态值。返回修改后的数组。

语法:

fill(value, start, end)

示例 1： 以下代码片段演示了使用 0 值调用 fill() 方法的情况。

JavaScript

const arr = new Array(5).fill(0);
console.log(arr);

输出：

[0, 0, 0, 0, 0]

数组构造函数需要一个数组的大小作为参数，如果我们将一个参数传递给它。 fill() 方法用于填充我们想要填充的数组的值。

注意： JavaScript fill() 方法从ES6开始可用。

方法2： 使用 Apply() 和 Map() 。

在下面的示例中，我们使用 apply() 方法创建一个可以使用map()方法填充的5个元素的数组。在map()方法中，我们传递一个返回0的回调函数来填充所有索引位置为0。

示例： 使用 Array.apply() 方法创建一个空数组，然后我们可以使用 map() 方法将每个元素存储为键值对。

Javascript

const arr = Array.apply(null, Array(5)).map(() => 0);
console.log(arr);

输出：

[0, 0, 0, 0, 0]

方法3： 使用 Array.from() 。

此方法用于从类似数组或可迭代对象创建一个新的浅复制数组。

语法：

Array.from(arrayLike, (element) => { /* ... */ } )

示例： 在下面的示例中，调用Array.from()函数使我们能够将一个大小为5的空数组映射为一个包含一些元素的数组。第二个参数是一个返回0的回调函数，用于填充数组。

Javascript

const arr = Array.from(Array(5), () => 0)
console.log(arr);

输出:

[0, 0, 0, 0, 0]

通过使用具有长度属性的对象，可以使用Array.from()方法获得相同的结果。

JavaScript

const arr = Array.from({
    length: 5
}, () => 0)
console.log(arr);

输出结果：

[0, 0, 0, 0, 0]

方法四：使用 for 循环 ：

示例： 在这个示例中，我们将使用for循环来创建一个填充了零的数组。

Javascript

let zeroArr = []
for (i = 0; i < 5; i++) {
    zeroArr[i] = 0;
}
console.log(zeroArr);

输出：

[ 0, 0, 0, 0, 0 ]