JavaScript-Objekt Literallänge === undefiniert?

Question

Ich arbeite an diesem animation function, aber ich habe ein Problem. Ich kann nicht scheinen, was eine leichte Aufgabe sein soll, ich kann die Länge eines Gegenstandes nicht bekommen. Wenn Sie dieses jsFiddle auschecken, können Sie sehen, dass ich alert(properties.length); ausgeführt habe und es undefined zurückgibt. Kann jemand sehen, warum das sein könnte?

Answer 1

JavaScript-Objekt einfach tun nicht haben eine length Eigenschaft, nur Arrays tun. Wenn Sie wissen möchten, wie viele Eigenschaften für ein Objekt definiert sind, müssen Sie über sie iterieren und sie zählen.

Auch Ihre for in Schleife ist anfällig für Fehler aufgrund Verlängerung der Object.prototype da die komplette Prototypkette und aufzählen alle die Eigenschaften durchqueren, die an der Kette sind.

Beispiel

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

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

Sie haben die hasOwnProperty Methode für das Objekt zu verwenden, um die unerwünschten Eigenschaften zu filtern.

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

Viele JavaScript-Frameworks gibt den Prototyp verlängern, nicht mit hasOwnProperty führt oft zu schrecklichen Fehler.

aktualisieren

In Bezug auf das eigentliche Problem, dass Ihr Code nicht beide Eigenschaften ist Animation.

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

Objekte haben keine Länge, Sie müssen ein Array verwenden, wenn Sie das möchten.

Wenn Sie die Anzahl der Eigenschaften in einem Objekt zu finden, haben es nur einen Weg:

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

Answer 3

Wenn Sie Underscore.js verwenden, können Sie _.size() verwenden:

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

Answer 4

Dies ist in node.js und neueren Umgebungen unterstützt.

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

Answer 5

Hier @Junaid Qadir allgemeine Funktion des Shekhanzai für „die Länge eines Objektes zu finden“ (die als uns gesagt, richtig genannt „die Eigenschaften eines Objekts zu zählen“ werden sollte). Es vereint Lösungen von @ Ivo Wetzel und @ Martin Jespersen:

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