如何在不使用循环的情况下创建包含1到X的JavaScript数组

你要替代的循环实现代码如下：

var arr = [];

for (var i = 1; i <= x; i++) {
   arr.push(i);
}

以下是几种无需循环的实现方式，均支持运行时动态获取的X值：

• 方法1：使用Array.from()
  这是最直接的ES6方案，利用Array.from()的映射参数生成序列：

  // x为运行时获取的数值
  const arr = Array.from({ length: x }, (_, index) => index + 1);
  

  原理：第一个参数传入指定长度的类数组对象，第二个回调函数通过索引偏移直接生成1到x的数值。

• 方法2：扩展运算符结合Array.keys()
  通过迭代器获取索引后转换为目标序列：

  const arr = [...Array(x).keys()].map(num => num + 1);
  

  原理：Array(x)创建指定长度的空数组，.keys()返回0到x-1的索引迭代器，扩展运算符将其转为数组后，通过map偏移得到1到x的数值。

• 方法3：Array.fill()结合map()
  先填充占位值再映射为目标数值：

  const arr = Array(x).fill(0).map((_, index) => index + 1);
  

  原理：Array(x).fill(0)生成全0的数组，map函数利用索引替换每个元素为index+1，最终得到目标序列。

注意：以上方法均基于ES6语法，若需兼容ES5及更早环境，可使用Babel等工具转译。

内容的提问来源于stack exchange，提问作者Leo Lucas