Javascript para el bucle con el objeto en lugar del contador?

Question

En cuanto a este trozo de código:

for (var i = 0, f; f = families[i]; i++) { 
} 

En realidad no he visto un lazo como esto antes y quiero estar seguro de haber entendido correctamente.
¿Estoy en lo correcto al suponer que si families.length == 2 la segunda parte de la línea for devolverá falso en f = families[2]?

Hubiera pensado que tendría que ser algo así como f == families[2] para devolver falso.

Answer 1

f = families[i] es una expresión que devuelve el valor de families[i]. (También tiene el efecto secundario de la asignación de ese valor a f)

Si families.length === 2 entonces families[2] === undefined de este modo la expresión devuelve undefined que es Falsey y rompe el bucle.

Para más diversión piratería puede activar

for (var i = 0, f; f = families[i]; i++) { 
    // body 
} 

en

for (var i = 0, f; f = families[i++]; /* body */); 

Puede que tenga que reemplazar la cadena ; con , y cadena de reemplazo i con i-1. También acaba de asesinar la legibilidad.

También se debe señalar que el bucle for es absurdo para la legibilidad.

Object.keys(families).forEach(function(key) { 
    var family = families[key]; 
    /* body */ 
}); 

Es significativamente más legible.

Answer 2

Esto se ve como una especie de una manera tonta de hacer

for(var i in families) { 
    if (families.hasOwnProperty(i)) { 
     // do whatever you want with families[i] 
     console.log(families[i]); 
    } 
}