Rellenar un array con números en Javascript

08/Mar/2021 JavaScript Deja un comentario
Artículos Programación en Javascript

Muchas veces estoy utilizando algún array de ejemplo para los artículos y siempre el primer paso es inicializar el array. Así que hoy vamos a ver una sencilla forma de hacerlo y ver cómo podemos rellenar un array con números en Javascript. La idea es rellenarlo con un mismo número las veces que queramos.

Es decir, que si quiero tener un array dónde aparezca el número 2 unas 10 veces, no tenga que escribir algo así:

let miarray = [2,2,2,2,2,2,2,2,2,2];

Lo primero va a ser el crear un array de las posiciones que queramos para ello invocamos al constructor de la clase Array indicando como parámetro el número de elementos que el array va a tener:

let miarray = new Array(10);

En este caso tendremos un array preparado para albergar 10 elementos pero que estará vacío. Es por ello que si lo recorremos veremos que no hay ningún elemento.

El siguiente paso será el rellenar el array con números. En este caso vamos rellenarlo con el número 2 en sus 10 posiciones. Para ello tenemos que conocer el método .fill() del objeto Array. La sintaxis del método .fill() es la siguiente:

arr.fill(value[, start = 0[, end = this.length]])

En su sintaxis vemos que el primer parámetro es el valor con el que queremos rellenar el array. El segundo parámetro será la posición inicial desde dónde queremos rellenarlo, es decir no es necesario que rellenemos el array por completo si no que podemos hacerlo de forma parcial. Y el último parámetro será la posición final dónde acabaremos de rellenar el array. Este parámetro es opcional y en el caso de no aparecer toma como valor el tamaño del array, es decir, rellenará hasta la última posición.

Así, que para poder rellenar nuestro array inicial con las 10 posiciones con el valor 2 escribiremos lo siguiente:

miarray.fill(2,0,10);

Aunque podíamos haber obviado el último parámetro y escribir lo siguiente:

miarray.fill(2,0);

Ahora, si recorremos el array para mostrar sus valores, por ejemplo mediante un bucle for each.

miarray.forEach(function(item,index,arr){
    console.log("Posición " + index + ": " + item);
});

Veremos que el resultado por consola es el siguiente:

Posición 0 : 2
Posición 1 : 2
Posición 2 : 2
Posición 3 : 2
Posición 4 : 2
Posición 5 : 2
Posición 6 : 2
Posición 7 : 2
Posición 8 : 2
Posición 9 : 2

De esta forma tan sencilla y utilizando el método .fill() habremos conseguido rellenar un array con números en Javascript.

Vídeos sobre Javascript


¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.