📅  最后修改于: 2023-12-03 15:30:38.345000             🧑  作者: Mango
在JavaScript中,创建数组可能是最常见的操作之一。使用ES6新增的语法,可以更加方便地创建数量增加的数组。本文将介绍ES6中的三种方法来创建数量增加的数组。
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的数组
Array.fill()
方法可以将数组中的每个元素都赋予相同的值。可以通过传入整数作为第一个参数来创建指定长度的数组。可以通过传入第二个参数来为数组的每个元素进行赋值。
const arr1 = new Array(5).fill(undefined); // 创建一个包含5个undefined的数组
const arr2 = new Array(5).fill(0); // 创建一个包含5个0的数组
Array.keys()
方法返回一个包含数组中每个索引的迭代器。可以通过传入整数作为参数来创建指定长度的数组,然后使用Array.from()
方法将迭代器转换成数组。
const arr = Array.from({length: 5}, (_, i) => i); // 创建一个包含0到4的数组
通过这三种方法,可以更加方便地创建数量增加的数组。无论是使用Array.from()
方法、Array.fill()
方法还是Array.keys()
方法,都可以通过传入参数来创建指定长度的数组,并且可以通过传入第二个参数来对数组的每个元素进行初始化。这些方法不仅提高了代码的简洁性,而且提高了代码的可读性。