Guiavascript - Arrays

Nota

Las arrays son una estructura de datos que nos permite almacenar varios valores en una misma variable. Las matrices como se les conoce en español tienen una representación visual como la siguiente:

Los arrays funcionan mediante índices, es decir, cada valor tiene un índice que va desde el 0 hasta el número de elementos que tenga el array. Para declarar un array se utiliza la siguiente sintaxis:
const nombreArray= [valor1, valor2, valor3, ...]

Mutabilidad en Arrays

La mutabilidad en los arrays es muy importante, ya que nos permite cambiar el valor de un elemento en el array posterior a su declaración. Para esto se utiliza el índice del elemento que queremos cambiar y se le asigna el nuevo valor.

const frutas = ['🍇', '🍈','🍉','🍊'];
frutas[0] = '🍓';
console.log(frutas);  // Imprime ['🍓', '🍈','🍉','🍊']

Métodos de los Arrays

Los arrays tienen varios métodos que nos permiten manipularlos, algunos de ellos son:

Length

El método length nos permite obtener el tamaño de una array

const frutas = ['🍇', '🍈','🍉','🍊'];
console.log(frutas.length); // Imprime 4

Push

El método push nos permite agregar un elemento al final del array

const frutas = ['🍇', '🍈','🍉','🍊'];
frutas.push('🍋')
console.log=(frutas) // Imprime ['🍇', '🍈','🍉','🍊','🍋']

Pop

El método pop nos permite eliminar el ultimo elemento del array

const frutas = ['🍇', '🍈','🍉','🍊'];
frutas.pop()
console.log=(frutas) // Imprime ['🍇', '🍈','🍉']

Unshift

El método Unshift nos permite agregar un elemento al inicio del array

const frutas = ['🍇', '🍈','🍉','🍊'];
frutas.unshift('🍋');
console.log=(frutas) // Imprime ['🍋','🍇', '🍈','🍉','🍊']

Shift

El método Shift nos permite eliminar el primer elemento del array

const frutas = ['🍇', '🍈','🍉','🍊'];
frutas.shift();
console.log=(frutas) // Imprime ['🍈','🍉','🍊']

IndexOf

El método indexOf devuelve el indice del elemento buscado

const frutas = ['🍇', '🍈','🍉','🍊'];
console.log=(frutas.indexOf('🍈');) // Imprime 1
//recuerda que los arrays empiezan del 0, por lo que '🍈' es 1

Includes

El método includes devuelve true o false si el elemento buscado se encuentra en el array

const frutas = ['🍇', '🍈','🍉','🍊'];
console.log=(frutas.includes('🍈');) // Imprime true

Join

El método join() es un método de los objetos array que se utiliza para concatenar los elementos de un array en una sola cadena.El método devuelve una nueva cadena que contiene los elementos especificados.
Como argumento se le pasa el separador a tratar. Si no se especifica, el separador predeterminado es una coma.

const frutas = ['🍇', '🍈','🍉','🍊'];
console.log=(frutas.join('');) // Imprime 🍇🍈🍉🍊

Slice

El método slice devuelve un nuevo array con los elementos seleccionados, como el nombre lo indica es como cortar el array.

Los argumentos a pasar son:

inicio: Índice del primer elemento a extraer. Si no se especifica, el inicio se establece en 0.
fin: Índice del último elemento a extraer. Si no se especifica, el fin se establece en el número de elementos del array.

const frutas = ['🍇', '🍈','🍉','🍊'];
// Ingresa los indices de inicio y fin     
console.log=(frutas.slice(1,3);) // Imprime ['🍈','🍉']  un array con los elementos seleccionados

Arrays | Matrices