viernes, 22 de noviembre de 2013

Como recorrer un array con el método grep de Jquery


Bienvenid@s, hoy veremos el método grep de Jquery el cual nos permitirá emular un búcle for o while para recorrer los elementos de un array, esta función inicia su recorrido desde el primer elemento (index 0) hasta el último y se puede acceder tanto al index como al valor de cada elemento incluyéndolos como parámetros ...

$.grep(array, function(value, index){
//Instrucciones
});

A diferencia de otras funciones que también manejan arrays como each o map, el primer parámetro es el valor y el segundo el index.

A continuación puedes ver un ejemplo de recorrido de un array a través del método grep y la extracción del index y el valor de cada uno de sus elementos ...


<!-- http://jquery-manual.blogspot.com -->
<!DOCTYPE HTML>
<html lang="es">
<head>
<title>Como recorrer un array con el método grep de Jquery</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function() {

var array = ["cero", "uno", "dos", "tres", "cuatro", "cinco", "seis"];

$.grep(array, function(value, index){
$("#resultados").append(index + " : " + value + "<br>");
});

});
</script>
</head>
<body>
<div id="resultados">
</div>
</body>
</html>