Ayer veíamos cómo volcar el contenido de un array en jQuery. Hoy vamos a ver algo más sencillo que es cómo recorrer un array en Javascript. Este es un ejemplo muy sencillo y que te vendrá muy bien si estás aprendiendo a programar en Javascript.
Un array es una lista de elementos, normalmente del mismo tipo, aunque puede ser de múltiples tipos. Dichos elementos pueden ser insertados o eliminados del array. En el caso de Javascript el tamaño del array puede ser dinámico y no tiene porqué ser definido desde el principio.
En nuestro caso vamos a recorrer un array en Javascript para poder listar los elementos que contiene.
Lo primero será definir el array….
// Sigo siendo original y utilizando números var a=[1,2,3,4,5,6,7,8,9,10];
Para poder recorrer el array vamos a utilizar una bucle iterativo de tipo for. Para poder crear el bucle iterativo for necesitamos poner un límite de las iteraciones a ejecutar. Dicho límite nos lo dará el tamaño del array. El tamaño del array lo podemos obtener mediante la propiedad .length
del array.
Así nuestro bucle for quedará de la siguiente forma:
for (x=0;x<a.length;x++){...}
Hemos declarado una variable x
, la cual incrementamos uno a uno en cada vuelta del bucle, mientras su valor es menor que el tamaño del array.
El siguiente paso será coger el elemento del array que coincida con la posición determinada por X. Para obtener el elemento utilizamos los corchetes ([]) sobre el array, con la posición como parámetro de los corchetes.
document.write(a[x] + " ");
Ya solo nos queda introducir esto en el bucle para tener todo el código que nos permita recorrer un array en Javascript.
for (x=0;x<a.length;x++){ document.write(a[x] + " "); }