JS 数组填充图 - Javascript

Javascript中数组填充是指在一个数组中填充指定的元素，可以使用循环语句来实现，也可以使用ES6中的 Array.fill 方法。

使用for循环填充数组

const arr = [];
const num = 5;
const element = 'JS';

for(let i=0; i<num; i++){
    arr.push(element);
}

console.log(arr); //输出 ['JS', 'JS', 'JS', 'JS', 'JS']

在上面的例子中，我们使用 for 循环填充数组，首先定义一个空数组 arr ，然后定义一个整数 num 表示需要填充的元素个数，和一个元素 element 表示需要填充的元素，接着使用 for 循环将指定的元素添加到数组中，并最终返回 arr 数组。

使用Array.fill方法填充数组

ES6中引入了 Array.fill 方法，可以更加简洁的填充数组。

const arr = new Array(5).fill('JS');
console.log(arr); //输出 ['JS', 'JS', 'JS', 'JS', 'JS']

在上面的例子中，我们使用 new Array() 创建了一个长度为5的数组，然后使用 fill 方法填充指定的元素（这里的元素为字符串 'JS'），最终返回填充完的数组。

使用Array.from方法填充数组

ES6中还提供了另一种填充数组的方法，即 Array.from 方法。

const arr = Array.from({length: 5}, () => 'JS');
console.log(arr); //输出 ['JS', 'JS', 'JS', 'JS', 'JS']

在上面的例子中，我们使用 Array.from 方法，传递了一个对象 {length: 5} 表示需要填充的数组长度为5，之后使用 () => 'JS' 表示填充的元素。最终返回填充完的数组。

以上是JS数组填充图 - Javascript的介绍。在实际开发中，我们可以根据具体情况选择不同的填充方法，提高代码的效率。