jueves, 18 de febrero de 2010

Recorrer array en javascript, estilo foreach.

JavaScript carece de la función foreach para recorrer un arreglo como en PHP, pero con algunas lineas podemos crear nuestra propia función forach para utilizarla como en PHP.

Existen 2 maneras de ralizarla:

La primera es recorrerlo de una manera “más sensilla”, sin importarnos el indice.
//instanciamos un nuevo array
    var arrValores = new Array();
        arrValores.push("naranjas");
        arrValores.push("peras");
        arrValores.push("duraznos");
   //con un for lo recorremos
  //utilizando length para saber la cantidad
  //de elementos del Array
        for(var i=0; i< arrValores.length; i++) {
            document.write(arrValores[i] + '
'); }
Pero muchas tenemos Array asociativos, y aveces necesitamos conservar el indice del array para existe esta alternativa.
var arrValores = new Array();
     //cargo un array con indice asociativo
        arrValores["naranjas"] = "1 kg";
        arrValores["peras"] = "2 kg";
        arrValores["duraznos"]  = "5 kg";
       //con esta implementacion de for podemos
       //obtener de manera sensilla el indice y luego
       //el valor
        for(var indice in arrValores) {
          document.write(indice+':'+arrValores[indice]);
        }

2 comentarios:

  1. Gracias!! era lo q estaba buscando... por fin alguien pudo ir un poco mas alla y hablar de arrays asociativos... XD

    ResponderEliminar
    Respuestas
    1. Un gusto que te haya servido esta info, saludos.

      Eliminar