Truco JavaScript: repetir un vector en JavaScript

Publicado el 19 mayo 2021 por Daniel Rodríguez @analyticslane

En Python existe una forma extremadamente sencilla de replicar el contenido de una lista una cantidad de veces, simplemente multiplicando la lista por un escalar. Por ejemplo, si escribimos [1, 2] * 3 se obtienen [1, 2, 1, 2, 1, 2]. Pero repetir un vector en JavaScript es algo más complicado que se puede conseguir con un par de trucos.

Quizás la manera más sencilla para conseguir repetir el contenido de un vector en JavaScript es combinar la Array(), fill() y flat(). En primer lugar se puede usar Array() para crear un nuevo vector que rellena con el contenido de nuestro vector con fill(). Esto devuelve un vector lleno de los vectores que necesitamos duplicar. Ahora, para obtener el objetivo deseado simplemente tendremos que usar flat() para crear un nuevo vector con todos los elementos de los vectores internos concatenados. Así que para replicar el ejemplo de la introducción solamente hay que escribir.

const repeat = Array(3).fill([1,2]).flat(); // [ 1, 2, 1, 2, 1, 2 ]

El operador de propagación (`...`)

Otra alternativa puede ser para obtener el resultado puede ser el uso del operador de propagación, un operador que crea un vector en una lista elementos. Lo que se puede usar para crear un vector con el método concat(). Así que se puede crear un vector con los vectores duplicados con Array() y fill() para posteriormente concatenar a un vector vacío la lista de parámetros que se obtienen del vector. De este modo, el ejemplo anterior se puede conseguir mediante.

const repeat = [].concat(... new Array(3).fill([1,2]));

Aunque personalmente prefiero el uso del método `flat()` por tener una sintaxis más sencilla, es necesario tener en cuenta que operador de propagación es un estándar de ES6 mientras que `flat()` apareció en ES2019, por lo que el primero ofrece una mayor compatibilidad con navegador antiguos.