Relleno del array en JavaScript

1. Use Array.prototype.fill() para llenar un array en JavaScript
2. Use Array.prototype.map() para llenar un array en JavaScript
3. Use el método Array.from() para llenar un array en JavaScript
4. Use el método apply() para llenar un array en JavaScript
5. Use la instrucción loop para llenar un array en JavaScript

En JavaScript, el Array.prototype.fill() funciona sucesivamente para llenar un array de cierta longitud. Sin embargo, la operación puede ser lenta para muchos elementos dependiendo de los navegadores.

Más o menos, la mayoría de las formas que llenan un array enfrentan este ritmo lento para una mayor cantidad de elementos. Pero algunos métodos funcionan mejor en el caso de una operación comparativa rápida.

Aquí, veremos la aplicación de los métodos fill(), map(), from(), apply(), y la instrucción básica loop para llenar un array. Saltemos a las líneas de código.

Use Array.prototype.fill() para llenar un array en JavaScript

Este método requiere una línea de código para inicializar el elemento del array. Y la función predeterminada del método fill() hace su trabajo de llenar un array.

Fragmento de código:

var a = new Array(5).fill(1);
console.log(a);

Producción:

Use Array.prototype.map() para llenar un array en JavaScript

Aquí, usaremos un operador de expansión para expandir los elementos del array y luego aplicaremos el map() en cada elemento para llenarlos con un valor. La valla de código explica mejor.

Fragmento de código:

var a = [...new Array(5)].map(x => 2);
console.log(a);

Producción:

Use el método Array.from() para llenar un array en JavaScript

En este caso, usaremos el método Array.from() que tomará una instancia del array definiendo su rango, y también, habrá un conjunto de funciones que inicializará el valor del elemento descrito en el alcance de la función lambda. Revisemos el bloque de código.

Fragmento de código:

var a = Array.from(Array(5), () => 3);
console.log(a);

Producción:

Use el método apply() para llenar un array en JavaScript

Usaremos el método apply() para mantener todos los elementos de un array hasta un cierto rango. Y luego, usaremos la función map() para asignar valor a cada elemento.

var a = Array.apply(null, Array(5)).map(Number.prototype.valueOf, 4);
console.log(a);

Producción:

Use la instrucción loop para llenar un array en JavaScript

Aquí, usaremos un ciclo básico para recorrer los elementos de un array hasta el rango especificado y luego inicializaremos los valores.

Fragmento de código:

var a = new Array(5);
for (var i = 0; i < 5; i++) {
  a[i] = 5;
}
console.log(a);

Producción: