¿De qué forma en JQuery se puede usar un FOR como el siguiente?
for(property in value){}
Tenía entendido que el for
debía tener la siguiente estructura
for(var i=0;i>=algo.lenght;i++){}
Podrias usar el $.each()
$.each(obj, function( key, value ) {
alert( key + ": " + value );
});
de esta forma iteras cada elemento, pero no iteras propiedades sino elementos del array o lista
Todas las respuestas anteriores son válidas cuando se trata de iterar sobre arrays, pero la sintaxis for...in
es válida para objetos.
Extraigamos un ejemplo de la documentación de for...in en Mozilla Developer Network:
var obj = {a:1, b:2, c:3};
for (var prop in obj) {
console.log("obj." + prop + " = " + obj[prop]);
}
// resultado: obj.a = 1, obj.b = 2, obj.c = 3
Pero la documentación es muy clara advirtiendo que esto iteraría sobre todas las propiedades de un objeto, incluyendo sus ancestros (o prototipos, clases de las que deriva), para iterar solamente sobre las propiedades asignadas al objeto en sí y no las que hereda, debes usar el método .hasOwnProperty( name )
var triangle = {a:1, b:2, c:3};
function ColoredTriangle() {
this.color = "red";
}
ColoredTriangle.prototype = triangle;
// las propiedades del triangle son del prototipo, no de la instancia "obj"
var obj = new ColoredTriangle();
for (var prop in obj) {
if( obj.hasOwnProperty( prop ) ) {
console.log("obj." + prop + " = " + obj[prop]);
}
}
// Output:
// "obj.color = red"
De hecho hay una respuesta sumamente popular en StackOverflow sobre este tema, que no es exclusivo de jQuery sino vale para todo el lenguaje JavaScript: https://stackoverflow.com/a/684692/1778979
en este link puedes observar la manera en la que se usa. https://api.jquery.com/each/
Ahora un for each como se le conoce, itera sobre una lista de objetos, por ejemplo:
Tengo una lista "A" que contiene los objetos A1, A2, A3 y A4.
Con un for each puedo acceder a cada uno de los objetos que se encuentren contenidos en la lista A sin tener que declarar la posición en la lista o arreglo.
La sintaxis que muestras del for no funciona, o al menos creo que no habrían iteraciones, lo correcto sería:
for (var i = 0; i < algo.length; ++i) {}
En cuanto a jQuery y solo para agregar a los otras dos respuestas que ya responden a la pregunta, hay otro método que sirve para iterar una colección jQuery (en el contexto de la pregunta no dice exactamente sobre qué se quiere iterar), este método es .each(), no hay que confundirlo con el de las otras dos respuestas ($.each() es para arrays y objetos):
<ul>
<li>Comer</li>
<li>Dormir</li>
<li>Programar</li>
</ul>
$( "li" ).each(function( index ) {
console.log( index + ": " + $( this ).text() );
});
Si deseas incluso más información o posibilidades para realizar iteraciones, puedes mirar este enlace de la documentación de jQuery: https://learn.jquery.com/using-jquery-core/iterating/
tipo-arreglo
(arguments
es uno de ellos). Recuerda que los arreglos también son objetos pero no es recomendable usar la primera variante en ellos.for
...in
la referencia está en developer.mozilla.org/es/docs/Web/JavaScript/Referencia/…