Arrays En JavaScript

Qué es un array (arreglo) ?

En pocas palabras un arreglo en JavaScript
es una variable que puede contener distintos
tipos de datos y tiene una sintaxis similar
a la de los objetos.

The Code

image

Formas de Mostrar un Array En JavaScript

console.log

image

console.table

image

Enumeracion de los arreglos y como acceder a cada indice ?

Que es un indice ? en JavaScript los arreglos son
variables de variables. ? que quiere decir eso.
imagina que tienes una caja tipo jaba , osea
una caja con divisiones , un vector o muchas cajitas
consecutivas. el indice indica la posision de cada cajita
iniciando desde el 0 hasta el numero de posisiones que se le hayan definido al arreglo.

Ilustracion de un arreglo

0
1
2

En codigo javascript retomando la definicion anterior
para acceder al numero 10 que se encuentra en la posicion 1 (0)
seria de la siguiente manera :
estoEsUnArreglo[0];
y puede mostrar el resultado por consola
utilizando la funcion console.log(estoEsUnArreglo[0]);

Cuantos elementos tiene un arreglo ?
Para saber de una forma rapida cuantos indices
o posiciones tiene un arreglo (su longitud)
Utilizamos la funcion length :
console.log(estoEsUnArreglo.length);

Para acceder a todos y cada uno de
los elementos sin necesidad de hacer un


por cada elemento, utilizamos un iterador,
o estructura de control. forEach de la siguiente manera :

estoEsUnArreglo.forEach( function( item ) {
  console.log(item);
} );


image

Funciones | Methods , para arreglos

Cómo agregar más elementos a un arreglo ?

el metodo push es utilizado
en javascript para agregar uno o más elementos a un
arreglo sin importar su longitud y esta función
agrega los elementos al final. Ejemplo :
estoEsUnArreglo.push(20);
estoEsUnArreglo.push(30,40);

Una forma mas correcta de agregar elementos al arreglo seria utilizando el rest operator

const otroArreglo = [...estoEsUnArreglo,20,30]; o
const otroArreglo = [20,30,...estoEsUnArreglo];
para el inicio , esto es asi porque recuerda que hoy en dia la recomendacion es no modificar los valores o el arreglo original.

Cómo agregar más elementos a un arreglo al inicio?

el metodo unshift es utilizado
en javascript para agregar uno o más elementos a un
arreglo sin importar su longitud y esta función
agrega los elementos al inicio. Ejemplo :
estoEsUnArreglo.unshift(20);
estoEsUnArreglo.unshift(50,60);

Para eliminar

Para eliminar el ultimo elemento de un arreglo se utiliza el metodo o funcion pop estoEsUnArreglo.pop();

Para eliminar uno o más elementos en especifico

Para eliminar elementos de un arreglo se utiliza el metodo o funcion splice esta funcion necesita dos argumentos el primero es el indice o posición del elemento en el arreglo que se quiera eliminar y el segundo la cantidad de elmentos a eliminar a partir de esa posición. estoEsUnArreglo.splice(1,1);

Para eliminar el primer elemento

Para eliminar el primer elemento de un arreglo se utiliza el metodo o funcion shift estoEsUnArreglo.shift();

Más métodos

includes(), reduce(), some() & filter()

Dato curioso

en javascript no existen los arreglo asociativos.
el equivalente seria un arreglo de objetos [{},{}]

array methods