在ES2016或更高版本中，类似这样的列表理解的等价物是什么？

Question

Python 3.6：

[f"Cat #{n}" for n in range(5)]

给予

['Cat #0', 'Cat #1', 'Cat #2', 'Cat #3', 'Cat #4']

新入门的JavaScript，在新的EcmaScript中有什么等价物？

Answer 1

JS中的Array comprehension是为ES2016提出的，但从未发布到最终版本。Firefox曾一度支持理解，但在后来的版本中放弃了这一支持。

您可以使用Array#from来获得接近理解的内容。

​

const result = Array.from({ length: 5 }, (_, k) => `Cat #${k}`);

console.log(result);

​

Answer 2

Javascript中没有这么可爱的东西。据我所知，您需要创建一个新的数组，并使用.fill()使每个元素不是undefined。然后，您可以使用.map并返回/处理数组索引而不是值。如下所示：

​

console.log((new Array(5)).fill(0).map((x,i) => `Cat ${i}`))

​

你可能会发现生成器很有用：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Generator

Answer 3

​

console.log( [...Array(5)].map((v, i) => `Cat #${i}`) )

​

如果它也必须在IE中工作：

​

console.log( Array.apply(0, Array(5)).map(function(v, i) { return 'Cat #' + i; }) )

​