Un array es una colección de elementos. Estos elementos pueden ser de diferente tipo. El primer elemento de un array siempre comienza en la posición 0.
Declarar arrays
Existen diferentes maneras de declarar arrays (arreglos).
Ejm
// Array vacío
const a = [];
console.log(a);
// Array con elementos
const b = [1, true, "Hola Mundo", ["A","B"]];
console.log(b);
// Acceder al tercer elemento del Array b
console.log(b[2]);
// Acceder al segundo elemento del Array dentro del Array b
console.log(b[3][1]);
// Array c creado de otra manera con un nuevo método
const c = Array.of("x","y","z",9,8,7);
// Otra manera de inicializar un Array
// Creamos un array de 100 posiciones y todas han sido inicializadas con el valor false
const d = Array(100).fill(false)Para acceder a un elemento en particular dentro de un arreglo, tenemos que elegir la coordenada que queremos visualizar, como en el ejm de arriba.
Prácticas que ya no se usan
Son formas antiguas de utilizar el constructor de los Arrays.
Ejm
// Nadie utiliza estas 2 formas const e = new Array(); console.log(e); const f = new Array(1,2,3,"Hola"); console.log(f);
Propiedades y métodos
Los Arrays van a tener tanto propiedades (como por ejm, la propiedad length) y métodos. Los arrays tienen una gran cantidad de métodos. Podemos ver todos esos métodos desde MDN.
Ejm
const colores = ["Rojo", "Verde", "Azul"];
console.log(colores);
// Agregar un nuevo elemento al final
colores.push("Negro");
console.log(colores);
// Quitar el último elemento
colores.pop();
console.log(colores);
// Recorremos el Array
colores.forEach(function (el){
console.log(`<li>${el}</li>`);
});
/* Recorremos el valor (primer parámetro) y el índice
que ocupa ese elemento dentro de las posiciones
del elemento padre (segundo elemento).
Incluímos dos parámetros */
colores.forEach(function(el,index){
console.log(`<li id='${index}'>${el}</li>`);
});