elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Usando Git para manipular el directorio de trabajo, el índice y commits (segunda parte)


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Curso de javascript | 11. Array: almacenar datos de forma estructurada
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Curso de javascript | 11. Array: almacenar datos de forma estructurada  (Leído 1,740 veces)
TickTack


Desconectado Desconectado

Mensajes: 428


CipherX


Ver Perfil
Curso de javascript | 11. Array: almacenar datos de forma estructurada
« en: 21 Julio 2022, 14:22 pm »

javascript y el Array: almacenamiento de datos de forma estructurada
Hasta ahora hemos llegado a conocer las variables; por supuesto, cuando se trata de matrices, surge rápidamente la pregunta de por qué se necesita una matriz si hay variables.

Primero a la pregunta más importante:


¿Que es un Array o matriz?
Una matriz es una colección de datos almacenados en algún tipo de "variable"; a diferencia de una variable, podemos almacenar muchos datos. Supongamos que queremos usar todos los nombres de los jugadores en una tabla de puntuación de un juego. Si tuviéramos que resolver esto con las variables, tendríamos que crear el número correspondiente de variables requeridas de antemano.

Código
  1. let nombredeljugador1;
  2. let nombredeljugador2;
  3. let nombredeljugador3;
  4. etc.

Pero, ¿qué hacemos si no sabemos de antemano cuánto contenido, es decir, cuántas variables, necesitaríamos? Aquí es donde salen a la luz los primeros beneficios del uso de matrices. Simplemente creamos nuestra matriz y luego podemos llenarla con cualquier cantidad de datos.

Código
  1. let nombredejugadores = ["Encina", "Hector", "Mencia"];

O, más claro:

Código
  1. let nombredejugadores = [
  2. "Encina",
  3. "Hector",
  4. "Mencia"
  5. ];

Ahora podemos simplemente imprimir la matriz en la consola:

Código
  1. console.log(nombredejugadores);


La forma "extraña" de numerar de la matriz
En la salida de la consola ya vimos que el primer elemento de la matriz no tiene el número 1, sino que comienza en 0. ¡Las matrices siempre se numeran desde 0! Es muy importante tener eso en cuenta.

Entonces, si queremos mostrar el primer elemento de una matriz, esto se hace usando el índice 0. Esto se especifica entre corchetes después del nombre de la matriz, como se muestra en el siguiente ejemplo.

Código
  1. console.log(nombredejugadores[0]);


Más funciones de javascript para los Arrays
javascript ahora nos ofrece toda una gama de funciones. También podemos expandir una matriz existente con datos adicionales en cualquier momento:

  • push("Nombre del jugador");
  • unshift("Nuevo nombre de jugador");

Ahora, ¿por qué hay 2 formas de extender una matriz? Podemos agregar más datos al final (aquí con push) y al comienzo de la matriz (unshift).

Y la contrapartida de agregar es quitar:

Aquí tenemos de nuevo 2 posibilidades: al principio y al final.

  • ARRAY.pop()
  • ARRAY.shift()

Y con esto la última o la primera entrada se puede tomar el palo.

En la mayoría de las veces, se necesita el contenido eliminado para alguna acción; obtenemos esto como un valor de retorno en la acción de eliminar:

Código
  1. let ultimaentrada = nombredejugadores.pop();
  2. console.log(ultimaentrada);

O desde el comienzo de la matriz:

Código
  1. let primerentrada = nombredejugadores.unshift();
  2. console.log(primerentrada);


Otras funciones a menudo requeridas para los Arrays
Después de ya no saber cuántos datos se han almacenado en la matriz, simplemente podemos consultar el recuento. Para hacer esto, el nombre de la matriz se concatena con la función length:

Código
  1. console.log(nombredejugadores.length);

Por supuesto, siempre podemos abordar a los elementos de las matrices a través del índice; la mayoría de las veces necesitamos todos los elementos, por ejemplo, para una salida. Esto requiere bucles, que conoceremos en un capítulo aparte.


En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
almacenar datos de array
Java
fprg 1 1,867 Último mensaje 19 Noviembre 2013, 19:52 pm
por Mitsu
Problema al almacenar un enum en array
Java
JonaLamper 0 1,440 Último mensaje 8 Enero 2015, 21:45 pm
por JonaLamper
almacenar respuestas en array
PHP
romanjr55 0 2,494 Último mensaje 8 Mayo 2018, 01:28 am
por romanjr55
Curso de javascript | 5. Aprender mejor javascript con el modo estricto
Desarrollo Web
TickTack 0 2,089 Último mensaje 18 Julio 2022, 23:32 pm
por TickTack
Curso de javascript | 7. Tipos de datos en javascript
Desarrollo Web
TickTack 0 3,548 Último mensaje 19 Julio 2022, 18:19 pm
por TickTack
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines