创建范围数组 JavaScript

在JavaScript中，创建数组最常用的方法是使用方括号括起一组元素，如下所示：

let myArray = [1, 2, 3, 4, 5];

然而，有时候我们需要创建一个具有一定范围的数组，比如从1到100的整数数组。在这种情况下，我们可以使用一些内置函数来帮助我们创建这样的数组。

使用Array.from创建范围数组

Array.from是JavaScript中一个非常有用的内置函数，可以将一个类数组对象或可迭代对象转换为一个数组。我们可以用它来创建一个指定范围的数组，如下所示：

let myArray = Array.from({length: 10}, (_, index) => index + 1);
console.log(myArray); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

在上面的示例中，我们传递了一个包含length属性的对象作为第一个参数，表示要创建的数组的长度为10。我们还提供了一个回调函数作为第二个参数，用来对数组的每个元素进行转换。在这个回调函数中，我们使用了一个下划线来占位符表示我们不需要用到这个参数，而使用索引值+1来返回范围数组。

使用Array(n)创建范围数组

除了Array.from方法外，我们还可以使用简单的构造函数来创建具有一定范围的数组。这种方法适用于我们已经知道数组长度的情况。

let myArray = Array(10).fill().map((_, index) => index + 1);
console.log(myArray); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

在上面的示例中，我们首先使用Array(10)构造函数创建一个长度为10的空数组。然后，我们使用fill()方法将其所有元素都填充为undefined。最后，我们使用map方法来对数组中的每个元素进行转换，返回一个具有指定范围的数组。

使用Spread操作符创建范围数组

ES6中的Spread操作符也可以用来创建范围数组。与使用Array.from类似，我们可以传递一个包含length属性的对象，然后将其展开为一个数组。

let myArray = [...Array(10)].map((_, index) => index + 1);
console.log(myArray); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

在上面的示例中，我们首先创建一个长度为10的空数组，然后使用Spread操作符将其展开为一个数组。接着，我们使用map方法对其每个元素进行转换，返回一个具有指定范围的数组。

总结起来，我们有多种方法可以在JavaScript中创建具有一定范围的数组，包括使用Array.from方法、使用构造函数和Spread操作符。根据我们的具体需求和情况，选择最适合的方法就可以了。