Artículos
Javascript

Recorrer un array en Javascript

01/Jun/2011

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] + " ");
}

Código Fuente

Descárgate el código fuente de Recorrer un array en Javascript
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star
Recorrer un array en Javascript

Vídeos sobre Javascript

Disfruta también de nuestros artículos sobre Javascript en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Javascript

¿Te atreves a probar tus habilidades y conocimiento en Javascript con nuestro test?

Test Javascript
Suscribir
Notificar de
guest
16 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios