📜  es6 创建数量增加的数组 - Javascript (1)

📅  最后修改于: 2023-12-03 15:30:38.345000             🧑  作者: Mango

ES6中创建数量增加的数组

在JavaScript中,创建数组可能是最常见的操作之一。使用ES6新增的语法,可以更加方便地创建数量增加的数组。本文将介绍ES6中的三种方法来创建数量增加的数组。

1. 使用Array.from()

Array.from()方法可以将类似于数组的对象(array-like object)或可迭代对象(iterable)转换成数组。当传入一个整数作为第一个参数时,将会创建一个指定长度的数组,该数组的每个元素的值为undefined。可以通过传入第二个参数来对数组的每个元素进行初始化。

const arr1 = Array.from({length: 5}); // 创建一个包含5个undefined的数组
const arr2 = Array.from({length: 5}, (_, i) => i + 1); // 创建一个包含1到5的数组
2. 使用Array.fill()

Array.fill()方法可以将数组中的每个元素都赋予相同的值。可以通过传入整数作为第一个参数来创建指定长度的数组。可以通过传入第二个参数来为数组的每个元素进行赋值。

const arr1 = new Array(5).fill(undefined); // 创建一个包含5个undefined的数组
const arr2 = new Array(5).fill(0); // 创建一个包含5个0的数组
3. 使用Array.keys()

Array.keys()方法返回一个包含数组中每个索引的迭代器。可以通过传入整数作为参数来创建指定长度的数组,然后使用Array.from()方法将迭代器转换成数组。

const arr = Array.from({length: 5}, (_, i) => i); // 创建一个包含0到4的数组

通过这三种方法,可以更加方便地创建数量增加的数组。无论是使用Array.from()方法、Array.fill()方法还是Array.keys()方法,都可以通过传入参数来创建指定长度的数组,并且可以通过传入第二个参数来对数组的每个元素进行初始化。这些方法不仅提高了代码的简洁性,而且提高了代码的可读性。