Arrays en Javascript

Un array es un tipo de dato que en lugar de almacenar un único valor puede almacenar una colección de valores.

Cada uno de estos valores será identíficado por un índice, que en el caso de Javascript, siempre será un índice numérico.

Imagina, por ejemplo, una estantería. Cada una de las baldas de la estantería tendrá un valor. Podemos identificar cada una de estas baldas con un número, que será cero para la primera balda, uno para la segunda y así sucesivamente.

Podrías crear un array que tuviese el contenido de esta estantería utilizando el siguiente código:

Declaración de un array:

const cosas = ['corazon', 'cara sonriente', 'sol'];
javascript array

Si quisieras recuperar el elemento cero de la estantería, tendrías un corazón. Si recuperas el elemento 1, tendrás una cara sonriente y si recuperas el elemento 2, tendrás un sol.

El código que podrías usar para almacenar cada uno de estos valores en una constante independiente, sería el siguiente:

console.log(cosas[0]); // corazon
console.log(cosas[1]); // cara sonriente
console.log(cosas[2]); // sol

Añadir y quitar elementos de un array

const cosas = ['corazon', 'cara sonriente', 'sol'];
console.log(cosas); // ['corazon', 'cara sonriente', 'sol'];

cosas.push('fresa'); // Añade elemento al final
console.log(cosas); // ['corazon', 'cara sonriente', 'sol', 'fresa'];

cosas.pop(); // Elimina el último elemento
console.log(cosas); // ['corazon', 'cara sonriente', 'sol']

const newArray = cosas.slice(1, 2); //Devuelve un recorte desde la posición indicada por el primer parámetro hasta la posición indcada por el segundo parámetro
console.log(newArray); // ['cara sonriente']

cosas.splice(1, 2) //Elimina, a partir de cierta posición (primer parámetro), el número de elementos indicado (segundo parámetro)   
console.log(cosas); // ['corazon']	

En javascript no existen los arrays asociativos

const arrayAsociativo = [];
arrayAsociativo['one'] = 'uno';
arrayAsociativo['two'] = 'dos';
arrayAsociativo['three'] = 'tres';

console.log(arrayAsociativo['two']);
console.log(arrayAsociativo.length);

Si cambiamos la palabra «Array» por el nombre utilizado para designar a cualquier otro objeto, el código continúa funcionando. Esto es así porque realmente estamos definiendo las propiedades de un objeto. (En javascript foo[«bar»] es lo mismo que foo.bar).

Recorrer los elementos del array

Aunque más adelante veremos formas más sofisticadas de recorrer un array, de momento vamos a recorrerlo utilizando el tradicional bucle for:

const cosas = ['corazon', 'cara sonriente', 'sol']

for (let i = 0; i < cosas.length; i++) {
    console.log(cosas [i]);
}
← Añadir clase, borrar clase, alternar clase, evaluar si tiene una clase
foreach en Javascript →

Aviso Legal | Política de privacidad