JavaScript literal longitud del objeto === undefined?

Question

Estoy trabajando en este animation function pero tengo un problema. Parece que no puedo realizar lo que debería ser una tarea fácil, no puedo obtener la longitud de un objeto. Si echas un vistazo a jsFiddle, puedes ver que estoy ejecutando alert(properties.length); y está devolviendo undefined. ¿Alguien puede ver por qué esto podría ser?

Answer 1

objeto JavaScript simplemente hacer no tienen una propiedad length, solamente Arrays lo hacen. Si desea saber la cantidad de propiedades definidas en un objeto, debe iterar sobre ellas y contarlas.

Además, el bucle for in es propenso a errores debido extensión del Object.prototype ya que en atravesará la completa cadena de prototipo y enumerar todas las las propiedades que están en la cadena.

Ejemplo

// Poisoning Object.prototype 
Object.prototype.bar = 1; 

var foo = {moo: 2}; 
for(var i in foo) { 
    console.log(i); // logs both 'moo' AND 'bar' 
} 

Tienes que utilizar el método hasOwnProperty en el objeto con el fin de filtrar estas propiedades no deseadas.

// still the foo from above 
for(var i in foo) { 
    if (foo.hasOwnProperty(i)) { 
     console.log(i); // only logs 'moo' 
    } 
} 

Muchos frameworks de JavaScript por ahí extienden el prototipo, no usar hasOwnProperty a menudo conduce a errores horribles.

actualización

Con respecto al problema real que su código no es la animación ambas propiedades.

for(var p in properties) { 
    ... 
    for(var i = 0; i <= frames; i++) 
    { 
     setTimeout((function(exti, element) { 
      return function() { 

       // p gets overriden by for outer for in loop 
       element.style[p] = original + (pixels * exti) + 'px'; 
      } 

     // you need to pass in a copy of the value of p here 
     // just like you do with i and element 
     })(i, element), i * (1000/60), element); 
    } 
    .... 
} 

Answer 2

Los objetos no tienen longitud, necesitará usar una matriz si así lo desea.

Si usted tiene que encontrar el número de propiedades en un objeto hay una sola manera:

var length =0; 
for(var i in obj) length++; 

Answer 3

Si está utilizando Underscore.js, puede utilizar _.size():

_.size({one : 1, two : 2, three : 3}); 
=> 3 

Answer 4

Esto está apoyado en Node.js y ambientes nuevos.

var obj = {a: "a", b: "b"}; 
Object.keys(obj).length // 2 

Answer 5

Aquí es función general de @Junaid Qadir Shekhanzai para "encontrar la longitud de un objeto" (que, como se nos dice, correctamente debería llamarse "contando las propiedades de un objeto"). Combina soluciones de @Ivo Wetzel y @ Martin Jespersen:

function countProperties(myObj){ 
    var length = 0; 
    if(typeof myObj != 'object'){ 
     return false; 
    } 
    for(var i in myObj) { 
    length++; 
    } 
    return length; 
}