Quel est l'équivalent d'une compréhension de liste comme celle-ci dans ES2016 ou supérieur?

Question

Python 3.6:

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

donne

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

Nouveau JavaScript, Quel est l'équivalent dans la nouvelle EcmaScript?

Answer 1

Array comprehension dans JS a été proposée pour ES2016, mais ne sont jamais arrivés à la version finale. Firefox a soutenu les compréhensions pendant un certain temps, mais le support a été abandonné dans les versions ultérieures.

Vous pouvez utiliser Array#from pour obtenir quelque chose près de la compréhension.

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

 
console.log(result);

Answer 2

Il n'y a rien de si joli en Javascript. Au meilleur de ma connaissance, vous devez créer un nouveau tableau et utiliser .fill() pour que chaque élément soit différent de undefined. Ensuite, vous pouvez utiliser .map et retourner/travailler avec l'index de tableau plutôt que la valeur. Quelque chose comme ceci:

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

Vous trouverez peut-être des générateurs utiles: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Generator_comprehensions