Bucle a través de matriz en jQuery

En JavaScript tenemos un amplio abanico de posibilidades a través de las cuales podemos implementar la iteración de un array o cualquier otro objeto. En jQuery, solo tenemos una forma de iniciar un iterador: el método $.each().

Este breve artículo mostrará cómo recorrer una matriz usando el método $.each() y el bucle for en jQuery.

el método $.each() y el bucle for en jQuery

Si diferenciamos entre el bucle for y el método $.each(), entonces el bucle for es más explícito al mostrar cómo se lleva a cabo el flujo de la operación. También hace comparativas más líneas de código.

Por el contrario, todo el proceso se abstrae en el método jQuery. Todo lo que requiere es iniciar el método mediante $.each() y agregar una función de controlador que tenga el índice y el valor como parámetros.

En la siguiente sección, observaremos cómo funciona la función $.each() y el bucle for. También podemos implementar la forma tradicional de iterar una matriz en lugar del método jQuery definido.

Use el bucle for en jQuery

Fragmento de código:

var arr = [7, 4, 2, 4];
var sum = 0;
for (var i = 0; i < arr.length; i++) {
  sum += arr[i];
}
console.log('Using for loop and sum: ' + sum);

Producción:

Como puede verse, no se menciona ninguna función de ventana de jQuery. Por lo tanto, no podemos decir que es una forma jQuery dedicada de iterar matrices.

Por otra parte, jQuery es una biblioteca de JavaScript, por lo que resume la usabilidad.

Utilice el método $.each() para iterar una matriz en jQuery

Tomaremos un arreglo, y en el método $.each() integraremos una función con los parámetros llamados índice y valor. No estableceremos ninguna variable para mostrar la iteración.

Más bien, podemos sumar fácilmente los valores en una línea de código.

Fragmento de código:

var arr = [7, 5, 9, 4];
var sum = 0;
$.each(arr, (index, val) => {
  sum += val;
});
console.log('Using jQuery each and the Sum: ' + sum);

Producción: