Javascript array: qué es y cómo crearlo

Javascript array: qué es y cómo crearlo


aprender a programar programa curso Hackademy Formación profesional Hackademy Coding Bootcamp desarrollador full-stack lenguaje de programación front-end

En Javascript, las matrices juegan un papel de fundamental importancia. Seguro que ya sabes que una variable es un contenedor de datos. La peculiaridad de una matriz, en cambio, es la de poder contener más datos, y poder acceder a ellos a través de un índice numérico. Imagine que una matriz es un tren formado por vagones, y cada vagón contiene datos.

Hay dos formas de crear una matriz:

../Schermata%202021-06-23%20alle%2016.39.53.png

En el primer método usamos corchetes y en el segundo el constructor:

../array-popolato.png

Llenamos la matriz a través del índice numérico (i), que indica la posición del elemento dentro de ella.

NB: El índice siempre comienza desde 0.

../Schermata%202021-06-23%20alle%2016.19.51.png

También puede completar una matriz simplemente insertando los valores múltiples dentro de los corchetes, sin tener que especificar el índice (se entiende este último). El valor corresponde al índice 0: valueInFirstPosition, etc.

También podemos cambiar el valor de uno o más elementos de una matriz en una posición determinada, nuevamente mediante el uso de nuestro querido índice..

../Schermata%202021-06-23%20alle%2016.41.02.png

Así: valueInThirdPosition se reemplaza por valueNewInThirdPosition.

En Javascript existen muchos métodos que te permiten manipular la matriz y obtener información.

Entre estos encontramos:

  • Longitud => devuelve la longitud de una matriz. Ejemplo de uso: nomeArray.length;
  • Push => agrega un elemento al final de una matriz. Ejemplo de uso: nameArray.push (elementToAdd);
  • Reverse () => invierte el orden de los elementos de una matriz.
  • Slice (start, end) => devuelve una nueva matriz más pequeña, basada en los valores correspondientes a los índices pasados ​​como parámetros.
  • Array.map () => recorre cada elemento de la matriz y ejecuta una devolución de llamada para cada uno (función pasada como parámetro a otra función), dedicada a modificar el elemento.

Te recomiendo que profundices en el tema en cuestión en la documentación oficial de javascript: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array?retiredLocale=it

Las matrices en Javascript también pueden ser multidimensionales (matrices). Estos últimos son matrices que se utilizan como elementos de otras matrices.

 

../Schermata%202021-06-24%20alle%2011.28.17.png

En el ejemplo, puede ver una matriz de números enteros de 3x3. Para acceder a un elemento específico es necesario especificar las coordenadas a través de los índices. El primero corresponde a la posición del arreglo (0,1,2) y el segundo a la del elemento interno (0,1,2)

Curso de programación Aulab Hackademy

Conviértete en Desarrollador weben 3 meses

Descubre el bootcamp de programación Hackademy

Programa Completo

© 2020 Aulab. Todos los derechos reservados • P.IVA: IT07647440721 • Política de privacidad