与Array.map等效的整数处理函数是什么？如何基于整数生成元素列表？

嘿，我完全懂你这种不想用空数组凑数的别扭感！其实JavaScript本身并没有专门给整数设计的map等价函数，但我们有几个更语义化、更优雅的方式来实现你要的效果，不用手动去构建空数组~

方案1：用Array.from()（最推荐） #

Array.from()可以直接根据指定长度生成数组，同时传入映射函数，一步到位完成你的需求：

const numberOfRows = 5;
const rows = Array.from({ length: numberOfRows }, (_, index) => {
  return <tr key={index}></tr>;
});

这里第一个参数{ length: numberOfRows }告诉Array.from要生成一个长度为5的数组，第二个参数就是类似map的回调函数——_是占位符（因为我们不需要当前元素，数组里的元素都是undefined），index就是从0到4的索引，刚好对应你需要的行序号。别忘了给<tr>加key，这是React列表元素的必备要求哦。

方案2：用Array.keys() #

先创建一个指定长度的数组，然后获取它的键（也就是索引），转成数组后再用map生成元素：

const numberOfRows = 5;
const rows = [...Array(numberOfRows).keys()].map(index => {
  return <tr key={index}></tr>;
});

Array(numberOfRows)会生成一个长度为5的空数组，.keys()会返回一个包含0到4的迭代器，用扩展运算符...把它转成真正的数组，之后就可以用熟悉的map来生成你需要的<tr>元素了。

为什么没有专门的整数map函数？ #

因为map是数组的原型方法，而整数本身并不是可迭代的集合类型，所以语言层面没有给整数单独做这个方法。不过上面这两种方案都比手动创建空数组再填充要更干净，也更符合代码可读性的要求~

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