Tutorial #03 Javascript - Arrays

in #steemstem6 years ago

Javascript tutorial 03.png

Anteriores tutoriales de Javascript


Mi intención era continuar con el tema de las funciones dentro de Javascript, pero creo que antes es oportuno hablar de lo que son los "arreglos" (arrays), que es una especie de variable con varios elementos dentro de la misma.

Es una forma de ahorrarnos un montón de variables independientes y agruparlos en una sola que favorablemente este agrupada en algo común ejemplo los días de la semana.

  • Domingo
  • Lunes
  • Martes
  • Miercoles
  • Jueves
  • Viernes
  • Sabado

A nuestros arreglos podemos agregar elementos, quitar elementos, modificar o simplemente recorrerlos, empecemos con crear un arreglo que es muy sencillo de hacer.

var arreglo = []; //de esta forma creamos un arreglo vacio
var arreglo = ['Domingo','Lunes','Martes'.'Miercoles','Jueves','Viernes','Sabado']; //De esta forma estamos creando el arreglo pero inicializando elementos, nuestro arreglo tiene elementos String por lo que cada elemento esta encerrado entre comillas

Con este tipo de variable vamos a recorrer los elementos y para poder lograrlo los arreglos contienen un indice y algo que tenemos que tomar en cuenta es que todo indice en los arreglos empieza con "0", ejemplo si queremos imprimir en consola el elemento "Miercoles" tendremos que usar el indice 3 (0 = Domingo, 1 = Lunes, 2 = Martes, 3 = Miercoles)

console.log("Hoy es el dia: ",arreglo[3]);

De esa forma colocando un indice podemos seleccionar un elemento de nuestro arreglo. Ahora, si queremos recorrer todos los elementos de nuestro arreglo podemos hacerlo con los bucles, para ser mas exacto usando for:

var  arreglos  = ['domingo', 'lunes', 'martes', 'miercoles', 'jueves', 'viernes', 'sabado'];
for(i=0; i<arreglos.length;i++)
{
    console.log(arreglos[i]);
}

NOTA: Con length podemos saber el tamaño de nuestro arreglo
Si ejecutas ese código en la consola de tu navegador imprimirá todos los elementos del arreglo

Usar los indices nos puede ayudar para manipular los valores de nuestros arreglos, ya sea para cambiar el valor o eliminarlo ejemplo: delete arreglos[3];

Si quieres saber mas sobre los arreglos en Javascript te invito a investigar o dejar en los comentarios que es la información extra que quisieras conocer, existen muchos métodos para los arreglos e incluso ya hay hasta métodos de ordenamiento predefinidos que puedes usar y que no es necesario crear el nuestro propio por ejemplo sort, push, pop, lenght (que lo usamos en este tutorial), entre otros, existen varios mas y que nos pueden ayudar para lo que necesitemos.

Si realmente les gusta este tipo de tutoriales déjenlo igual en los comentarios, para continuar haciendolos y ser mas rápido con ello.


Seguimos creciendo poco a poco así que los invito a unirse a nuestro canal de Discord para irnos conociendo y compartan sus post

Sort:  

Su publicación ha sido seleccionada y compartida en nuestro reporte de curacion diario "Exposición de curación @Steemamor | 02-09-18" porque su contenido promueve nuestros valores centrales de vida, libertad, verdad, amor y felicidad.

¡Gracias por tu contribución consciente a esta plataforma! Steem on! 😍

muchas gracias por su voto

Excelente tutorial. Espero me sigas estoy empezando steemit

Te empezare a seguir, pero espero ver post tuyos

Poco a poco pero ya va agarrando forma

claro poco a poco andamos agarrando ritmo

Contenido de calidad
Votado por el trail Team-México @team-mexico
Canal Discord ¡Te esperamos!

Coin Marketplace

STEEM 0.28
TRX 0.12
JST 0.032
BTC 62184.89
ETH 2995.49
USDT 1.00
SBD 3.97