在前端开发中，我们经常需要创建包含多个相同元素的数组。手动编写这样的数组会非常繁琐，因此在JavaScript中有一些方法可以轻松实现这种功能。
使用Array.fill()
Array.fill()方法可以创建一个由指定值填充的新数组，该数组的长度为传递给方法的参数。下面是一个示例：
const arr = new Array(5).fill(0); console.log(arr); // [0, 0, 0, 0, 0]
在上面的示例中，我们创建了一个长度为5的新数组，并使用0填充每个元素。
使用Array.from()
Array.from()方法可以将类似数组或可迭代对象转换为真正的数组。它还可以接受第二个参数，该参数可以是一个函数，用于对数组的每个元素进行处理。下面是一个将相同元素填充到数组中的示例：
const arr = Array.from({ length: 5 }, () => 0);
console.log(arr); // [0, 0, 0, 0, 0]在上面的示例中，我们使用对象字面量创建了一个具有length属性的对象，并将其传递给了Array.from()方法。然后，我们指定一个返回0的函数作为第二个参数，以填充数组的每个元素。
总结
以上两种方法都可以轻松地创建包含多个相同元素的数组。使用Array.fill()方法非常简单，但如果需要对数组的每个元素进行处理，可以使用Array.from()方法。
在实际开发中，我们经常需要使用这些技巧来创建复杂的数据结构和UI组件，因此熟练掌握它们是非常重要的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9558
