2.5 Recorriendo un Array con $.each() de Jquery.

Suponiendo que en nuestra aplicación de javascript tengamos un array con el siguiente formato:

var datos={
  nombre:”Raymundo”,
  edad:17,
  genero:”masculino”
};

y necesitemos recorrer sus valores, entonces podemos utilizar el método de Jquery $.each(), el cual nos permite ir pasando por cada uno de los valores de un Array para poder ir procesando la información.

Ahora para entender un poco mejor, supongamos que tenemos un array como el anterior dentro del código de nuestra aplicación de Jquery, el código sería como sigue:

$(document).ready(function(){
var datos={
  nombre:”Raymundo”,
  edad:17,
  genero:”masculino”
};

});

Ahora bien, si quisiéramos recorrer el Array para ir generando una ventana emergente por cada elemento del array podríamos implementar el siguiente código usando el método $.each():

$.each(datos,function(index,contenido){
        alert(contenido);
});

El código anterior consta de los siguientes componentes:

• La primera parte $.each(datos,function(index,contenido){}); sirve para especificar el array que se va a recorrer, en este caso “datos” y también se especifica la variable que contendrá el índice de cada elemento del array, en este caso “index”  y también se específica  la variable que almacenará el valor de cada elemento del array en este caso “contenido”.
• La última parte alert(contenido); sirve para generar una ventana emergente mostrando el valor de cada elemento del array, dicho valor esta almacenado en la variable “contenido”.

 Uniendo todo el código, quedaría como se muestra a continuación:

$(document).ready(function(){
var datos={
  nombre:”Raymundo”,
  edad:17,
  genero:”masculino”
};

$.each(datos,function(index,contenido){
        alert(contenido);
});
});

Y como resultado del script, se generarían varias ventanas emergentes, cada una de las cuales contendría uno de los siguientes valores:

1era. ventana : Raymundo
2da.ventana :17
3era.ventana:masculino