Wie protokolliert $ ('h1') die Protokolldatei als Array in jQuery?

Question

Wenn Sie console.log($('some selector')) im Browser zu tun, gibt es etwas, das wie ein Array (erste Zeile) aussieht:

Aber beachten Sie, dass es nicht ein instanceof Array, aber es ist eigentlich the jQuery object.

Wenn Sie console.dir($('h1')) tun, zeigt es, dass es tatsächlich das jQuery-Objekt ist.

Die Frage ist, wie sieht es aus, als wäre es ein Array in der Webkonsole? Ich habe festgestellt, in der jQuery-Quelle here sie Verweis auf ein paar Array-und Objekt-Methoden hinzufügen, und here fügen sie toArray (und Slice und andere) zu dem jQuery Objekt. Sucht die Webkonsole irgendwie nach diesen Methoden, und wenn sie eine findet (toArray, indexOf, slice, usw.), druckt sie sie als ein Array? Ich möchte dieses Verhalten von jedem benutzerdefinierten Objekt wie dem Ember.ArrayProxy entfernen. Derzeit, wenn Sie die Ember.ArrayProxy loggen zeigt es > Object oder was auch immer, aber es wäre nett, es als ein Array zu zeigen.

Irgendwelche Ideen?

Answer 1

Sie machen Ihr Objekt erben Array den Prototyp verwendet, etwa so:

function SomeType() { 
    this.push(16); 
} 

SomeType.prototype = []; 
SomeType.prototype.constructor = SomeType; // Make sure there are no unexpected results 

console.log(new SomeType()); // Displays in console as [16] 

Und natürlich sind alle jQuery Objekte Instanzen der jQuery Funktion/Baumeister sind, das ist so, wie jQuery es tut. Als Bonus erhalten Sie wegen der Vererbung alle Methoden von Array und die damit verbundene Indizierung!