没有数组的 ES6 for 循环的整洁方式？ [复制]答案

【问题标题】：Neat way with ES6 for loop without array? [duplicate]没有数组的 ES6 for 循环的整洁方式？ [复制]
【发布时间】：2021-11-11 07:21:44
【问题描述】：

我想知道 ES6 是否有一种巧妙的方法来循环遍历给定次数，而不遍历数组，因为我只想给出循环应该执行的次数？

例如如果我提供一个道具说我应该在一个表中有 5 行。

【问题讨论】：

我觉得答案更简单：for(let i = 0; i
我不认为普通的 for 循环看起来像 ES6 提供的函数那样简洁。我最初以为我应该只制作一个“空数组”并使用 ES6 forEach 循环遍历它，但我希望找到一些不会让我制作“模拟数组”的东西
而且我不认为试图“模拟”一个数组只是为了能够在其上调用.forEach。这是回旋处，充其量是an XY problem。
有什么比自己写抽象更简洁的呢？ repeat(5, i => { ... }).

标签： reactjs ecmascript-6

【解决方案1】：

我基于@Bhojendra Rauniyar 制作了自己的 React 组件说。 “模拟”一个数组并循环遍历它：

const Repeat = ({ numberOfTimes = 0, children }) =>
  [...Array(numberOfTimes)].map(() => children);

const ComponentThatUsesRepeat =  () => (
  <Repeat numberOfTimes={5}>
    <h1>My repeated content</h1>
  </Repeat>
);

【讨论】：