js生成指定长度数组|极客教程

js生成指定长度数组

在JavaScript中，我们经常会遇到需要生成指定长度数组的情况。生成指定长度的数组可以帮助我们在处理数据时更加方便和高效。本文将介绍几种常见的方法来生成指定长度的数组，并且给出相应的示例代码。

使用Array的构造函数

JavaScript中的Array对象有一个构造函数，可以接受一个整数作为参数，表示生成数组的长度。这个构造函数会生成一个指定长度的空数组。我们可以通过该构造函数生成指定长度的数组。

// 生成指定长度的空数组
const length = 5;
const arr = new Array(length);

console.log(arr); // [undefined, undefined, undefined, undefined, undefined]
console.log(arr.length); // 5

上面的代码中，我们使用Array构造函数生成了一个长度为5的空数组。需要注意的是，生成的数组中每个元素都是undefined。

使用Array.from方法

除了使用Array构造函数外，还可以使用Array.from方法来生成指定长度的数组。Array.from方法可以接受一个类数组对象或可迭代对象作为参数，然后将其转换为数组。

我们可以通过传入一个包含指定长度的数组的类数组对象，来生成指定长度的数组。

// 使用Array.from方法生成指定长度的数组
const length = 5;
const arr = Array.from({ length });

console.log(arr); // [undefined, undefined, undefined, undefined, undefined]
console.log(arr.length); // 5

上面的代码中，我们使用Array.from方法生成了一个长度为5的数组，同样数组中每个元素都是undefined。

使用fill方法填充数组

除了生成指定长度的空数组外，有时候我们需要生成指定长度并且填充了指定值的数组。可以使用数组的fill方法来实现这个目的。

// 使用fill方法生成指定长度并填充指定值的数组
const length = 5;
const value = 0;
const arr = new Array(length).fill(value);

console.log(arr); // [0, 0, 0, 0, 0]
console.log(arr.length); // 5

上面的代码中，我们生成了一个长度为5，并且填充了值为0的数组。

使用map方法生成指定长度的数组

除了上面介绍的方法外，我们还可以使用数组的map方法来生成指定长度的数组。map方法会对数组中的每个元素进行处理，并返回一个新的数组。

// 使用map方法生成指定长度的数组
const length = 5;
const arr = new Array(length).map((item, index) => index);

console.log(arr); // [undefined, undefined, undefined, undefined, undefined]
console.log(arr.length); // 5

上面的代码中，我们使用map方法生成了一个长度为5的数组，但是由于map方法是对数组中的每个元素进行处理，所以最终生成的数组中每个元素都是undefined。

使用递归生成指定长度的数组

另一种生成指定长度数组的方法是使用递归。我们可以编写一个递归函数来生成指定长度的数组。

// 使用递归生成指定长度的数组
const generateArray = (length, index = 0, arr = []) => {
  if (index === length) {
    return arr;
  }
  arr.push(index);
  return generateArray(length, index + 1, arr);
};

const length = 5;
const arr = generateArray(length);

console.log(arr); // [0, 1, 2, 3, 4]
console.log(arr.length); // 5

上面的代码中，我们编写了一个递归函数generateArray来生成指定长度的数组。通过递归调用该函数来生成指定长度的数组。