Unterschied zwischen toArray und makeArray in jquery

Ich versuche zu konvertieren, das DOM-element als Sammlungen von Objekt. Aber ich weiß nicht, was der wesentliche Unterschied zwischen toArray() und makeArray()

HTML

<div id="firstdiv">
   <div>foo1</div>
   <div>foo2</div>
   <div>foo3</div>
</div>

Ich verwendete den folgenden code zu konvertieren, Knoten in ein array:

JQUERY

console.log($("#firstdiv > div").toArray());
console.log($.makeArray($("#firstdiv").html()));

Kann ich nicht ganz verstehen, den Unterschied zwischen Ihnen, und die, die ich gesucht habe für diese Frage, aber nicht gefunden, keine klare Erklärung.

Vielen Dank im Voraus.

InformationsquelleAutor user2073289 | 2013-05-08
  1. 14

    Laut jQuery Dokumentation:

    toArray ist eine Methode, die auf jQuery-Objekt (das wrapper für eine Gruppe von DOM-Elementen). Diese Methode extrahiert die Mitglieder dieser Gruppe von DOM-Elementen für javascript-Array:

    jQuery('.some-class').toArray() -> [ dom_el_1, dom_el_2, dom_el_3, ... ]

    makeArray (das ist eine "statische Methode" auf jQuery-Objekt) nimmt array-artiges Objekt (jQuery, Argumente, nodeList, ...) und erstellt eine korrekte javascript-Array aus, so können Sie Methoden aufrufen des Array auf das Ergebnis:

    //returns a nodeList (which is array like item) but not actual array
//you can't call reverse on int
var elems = document.getElementsByTagName("div"); 
var arr = jQuery.makeArray(elems);
arr.reverse(); //use an Array method on list of dom elements
$(arr).appendTo(document.body);

    Zusammenfassend toArray verwandelt jQuery element set javascript Array, makeArray verwandelt jeden array-Objekt wie javascript Array.

    • Gibt es einen Unterschied zwischen .get() und .toArray()?
    • .toArray() und .get() beide return Array mit den Knoten in jQuery-Ergebnis-set. .get() akzeptiert optionale index-parameter, in dem Fall gibt es Knoten an der index position oder undefined wenn index out of bounds.
    InformationsquelleAutor Aleš Kotnik
  2. 2

    Der einzige Unterschied ist:

    toArray() ist DOM Element Methods und man kann es nur verwendet auf dom-Elemente. während makeArray(object) kann verwendet werden, auf Ihre eigenen Objekte.

    Gibt es keine weiteren Unterschiede, Sie sind meist gleich und Rückkehr plain array-Objekt.

    Beispiel

    Haben Sie alle benutzerdefinierten Objekt:

    function Person(name,age) {
  this.name = name;
  this.age = age;
}
var obj=new Person('abc',1);

    nun beide Funktion:

    jQuery.makeArray(obj).length;  //would return 1

    während:

    obj.toArray().length;  //through the error function not defined

    und

    obj.length; //return undefined
    InformationsquelleAutor Zaheer Ahmed
  3. 1

    Wie es bereits erwähnt wurde bereits toArray() ist für jQuery-Objekte.

    $.makeArray() ist ähnlich zu JS Array.prototype.slice.call() oder [].slice.call() kurz, wenn die letztere erzeugt ein Objekt mit []

    Aber es gibt einen Unterschied bei der Verarbeitung von POJOs mit übermäßigen length Wert

    Beispiele

    1.

    $.makeArray({ 0:'a', 1:'b', length:1 })
//["a"]

[].slice.call({ 0:'a', 1:'b', length:1 })
//["a"]

    2.

    $.makeArray({ 0:'a', 1:'b', length:4 })
//{ 0:'a', 1:'b', length:4 } //WUT?

[].slice.call({0:'a', 1:'b', length:4})
//["a", "b", undefined, undefined]

    3.

    $.makeArray({12:'a', 13:'b', length:1})
//{ 12:'a', 13:'b', length:1 } //WUT?

[].slice.call({12:'a', 13:'b', length:1})
//[undefined]

    4.

    $.makeArray({ 0:'a', 2:'b', length:2 })
//{ 0:'a', 2:'b', length:2 } //WUT?

[].slice.call({ 0:'a', 2:'b', length:2 })
//["a", undefined]

    Damit $.makeArray() gibt einfach die Eingabe-Objekt, wenn ein Schlüssel mit bestimmten index nicht zu finden ist.

    Wird es funktionieren nur, wenn die Umwandlung array-ähnliche Objekte mit der richtigen Anzahl der Elemente im array z.B. Funktion arguments, nodeList jQuery-Sammlungen, etc.

    InformationsquelleAutor Steven Pribilinskiy
Schreibe einen Kommentar