迭代范围的函数式方法（ES6/7）[重复]

以更实用的方式执行以下操作的最佳方法是什么（使用 ES6/ES7）

let cols = [];
for (let i =0; i <= 7; i++) {
   cols.push(i * i);
}
return cols;

我尝试过，

return [ ...7 ].map(i => {
  return i * i;
});

但这翻译成

[].concat(7).map(function (n) {
  return n * n;
});

这不是我所期望的。

EDIT:

@帕夫洛。确实，那是一个错误。我正在使用 JSX，例如，我想要 7 个 div，（未经测试）

let cols = [];
    for (let i =0; i <= 7; i++) {
       cols.push(<div id={i}> ...  </div>)
    }
    return cols;

所以这个想法确实是为了减少临时变量的数量和程序感觉。

可以创建一个空数组，填充它（否则映射将跳过它），然后将索引映射到值：

Array(8).fill(0).map((_, i) => i * i);