Manejo de Arrays en JavaScript

Ultima actualización en jueves 12º may. 2022

JavaScript Array

En este tutorial, aprenderá sobre la Array de JavaScript con la ayuda de ejemplos.

Una Array es un objeto que puede almacenar varios elementos. Por ejemplo

Declarar Array JavaScript

	const estudiantes = ['Sofia', 'Isabella', 'Valentina'];
	

Crear Array JavaScript

Puede crear una Array de dos maneras:

La forma más fácil de crear una Array es mediante el uso de un literal de Array []. Por ejemplo

	const miArr = ["Hola", "mundo"];
	

Tipos de Array Javascript

También puede crear una array utilizando la new palabra clave de JavaScript.

	const miArr = new Array('Hola', 'mundo');
	

Arreglos en JavaScript

En los dos ejemplos anteriores, hemos creado una array que tiene dos elementos.

Nota: Se recomienda utilizar el literal de array para crear una array.

Aquí hay más ejemplos de arrays:

Array de objetos JavaScript

	// vacío array
const miList = [ ];

// array de numbers
const numberArray = [ 1, 2, 3, 4, 5 ];

// array de strings
const stringArray = [ 'hallo', 'welt' ];

// array con mixto data types
const newData = ['work', 'exercise', 1, true];
	

También puede almacenar arrays, funciones y otros objetos dentro de una array.

	const newData = [
    {'nombre': 'Alejandro'},
    [1, 2 ,3],
    function hola() { console.log('hola')}
];
	

Elementos de acceso de una array.

Puede acceder a elementos de una arrays usando índices (0, 1, 2 …). Por ejemplo,

	const miArray = ['h', 'o', 'l', 'a'];

// primer elemento
console.log(miArray[0]);  // "h"

// segundo elemento
console.log(miArray[1]); // "o"
	

Nota: el índice de Array comienza con 0, no 1.

Añadir un elemento a una array

Puede usar el método incorporado push() y unshift() para agregar elementos a una array.

El método push() agrega un elemento al final de la array. Por ejemplo,

	let nombres = ['Mateo', 'Sofia'];

// Agregar un elemento al final
nombres.push('Isabella');

console.log(nombres); //  ['Mateo', 'Sofia', 'Isabella']
	

El método unshift() agrega un elemento al principio de la array. Por ejemplo

	let nombres = ['Mateo', 'Sofia'];

// Agregar un elemento al principio
nombres.unshift('Isabella');

console.log(nombres); //  ['Isabella', 'Mateo', 'Sofia']
	

Cambiar los elementos de una array

También puede agregar elementos o cambiarlos accediendo al valor del índice.

	let nombres = ['Mateo', 'Sofia'];

// Esto agregará el nuevo elemento 'Alejandro' en el índice 2
nombres[2] = 'Alejandro';

console.log(nombres); //  ['Mateo', 'Sofia', 'Alejandro']
	

Supongamos que una array tiene dos elementos. Si intenta agregar un elemento en el índice 3 (cuarto elemento),The third element will be undefined

	let nombres = ['Mateo', 'Sofia'];

// Esto agregará el nuevo elemento 'Alejandro' en el índice 3
nombres[2] = 'Alejandro';

console.log(nombres); //  ['Mateo', 'Sofia', undefined , 'Alejandro']
	

Quitar un elemento de una Array

Puede utilizar el método pop() para quitar el último elemento de una array. El método pop() también devuelve el valor devuelto. Por ejemplo

	let nombres = ['Mateo', 'Sofia', 'Alejandro'];

// Quite el último elemento

nombres.pop();
console.log(nombres); // ['Mateo', 'Sofia' ];
	

Si necesita quitar el primer elemento, puede utilizar el método shift(). El método shift() quita el primer elemento y también devuelve el elemento eliminado. Por ejemplo

	let nombres = ['Mateo', 'Sofia', 'Alejandro'];

// Quitar el primer elemento

nombres.shift();
console.log(nombres); // ['Sofia', 'Alejandro' ];
	

Array length

Puede encontrar la longitud de un elemento (el número de elementos de una array) mediante la propiedad length. Por ejemplo

	let nombres = ['Mateo', 'Sofia', 'Alejandro'];

// Esto proporciona el número total de elementos de una array
console.log(nombres.length); // 3
	

Funcionamiento de arrays JavaScript

En JavaScript, una array es un objeto.

Dado que las arrays son objetos, los elementos de la array se almacenan por referencia. Por lo tanto, cuando se copia un valor de array cualquier cambio en la array copiada también se reflejará en la array original. Por ejemplo

	let arr = ['h', 'o'];
let arr1 = arr;
arr1.push('l');

console.log(arr); // ["h", "o", "l"]
console.log(arr1); // ["h", "o", "l"]