JavaScript 如何用给定的值填充数组

在JavaScript中，数组是一个可以包含任何数据类型的元素集合。有时，有必要为给定的次数用特定值填充数组。例如，需要用值0填充长度为10的数组，或者需要用值“Hello”填充长度为5的数组。

方法： JavaScript中有几种方法可以用给定的值填充数组。

其中一种最常见的方法是使用 Array.fill()方法 。这个方法会修改原始数组，并用给定的值填充它指定的次数。
另一种方法是使用 for循环 遍历数组，并用期望的值填充。
另一种方式是使用 Array.push()方法 。此方法将一个或多个元素添加到数组的末尾，并返回数组的新长度。可以通过重复将相同的值添加到数组的末尾来填充数组。
还可以使用 扩展运算符 来填充数组的给定值。扩展运算符允许可迭代对象在预期0个或多个参数的位置展开。
示例1：使用Array.fill()方法：

Array.fill(）方法用于指定的次数使用指定的值填充数组。在这个例子中，使用Array.fill()方法将长度为10的数组用值0填充。

Javascript

let myArray = new Array(10);
myArray.fill(0);
console.log(myArray);

Output: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]

示例2: 使用 for循环 ：
在这个示例中，使用for循环来迭代数组并用值“Hello”填充它。for循环从索引0开始，直到数组的末尾，数组的末尾由myArray.length属性指定。

let myArray = new Array(5);
for (let i = 0; i < myArray.length; i++) {
    myArray[i] = "Hello";
}
console.log(myArray);

Output: ["Hello", "Hello", "Hello", "Hello", "Hello"]

示例3: 使用Array.push()方法:
在这个示例中，我们使用Array.push()方法将元素添加到数组的末尾。for循环用来重复执行push方法10次，并将值0添加到数组中。

let myArray = [];
for (let i = 0; i < 10; i++) {
    myArray.push(0);
}
console.log(myArray);

Output: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]

示例4：使用 **扩展运算符 ：**
在这个示例中，扩展运算符被用于展开Array(5)，它创建了一个包含5个空槽的数组，然后使用Array.map()方法将所有空槽填充为值“Hello”

let myArray = new Array(5);
myArray = [...Array(5)].map(() => 'Hello');
console.log(myArray);

Output: ["Hello", "Hello", "Hello", "Hello", "Hello"]

示例 5：使用 Array.from() 方法：

使用以下语法将大小为 n 的数组用 0 值填充。可以使用任何值代替 0。

语法：

Array.from({length: n}, ()= > 0 );

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

输出：

5
[ 0, 0, 0, 0, 0 ]