So konvertieren Sie ein Klassenarray mithilfe von Slice in ein Array

Dieser Artikel ist in zwei Teile unterteilt und befasst sich mit der Verwendung von Slice() und im zweiten Teil geht es um die Verwendung von Slice zum Konvertieren eines Klassenarrays in ein Array . Freunde in Not können darauf verweisen.

Teil 1:

In der offiziellen Dokumentation heißt es: Slice wird zum Abfangen und Auswählen eines Arrays verwendet. Ein oder zwei Parameter können übergeben werden. Der Rückgabewert ist ein neues Array und hat keinen Einfluss auf das ursprüngliches Array.
Zuerst ein neues Array str

  var str = new Array();
        str[0] = 1;
        str[1] = 2;
        str[2] = 3;
        str[3] = 4;
        str[4] = 5;

Der Rückgabewert ist das ausgewählte neue Array, und das ursprüngliche Array wird nicht geändert.

Wenn es sich um einen Parameter handelt, wird der Startpunkt (Index) bis zum Ende des Arrays ausgewählt.

var strs = str.slice(2);
console.log(strs);      // [3, 4, 5]
console.log(str);       // [1, 2, 3, 4, 5]

Wenn zwei Parameter übergeben werden, beginnt die Auswahl beim ersten Parameter (Index) und endet mit dem zweiten Parameter (Index), schließt jedoch nicht den zweiten Parameter ein

var strs = str.slice(2,4);
console.log(strs);      // [3, 4]

Wenn a Es wird eine negative Zahl übergeben, gezählt vom Ende des Arrays, -1 bezieht sich auf das letzte Element, -2 bezieht sich auf das vorletzte Element usw.

var strs = str.slice(-2);
console.log(strs);      // [4, 5]

Wenn zwei negative Zahlen übergeben werden, und Das Gleiche wie oben, aber sie beginnen alle am Ende des Arrays.

var strs = str.slice(-4,-1);
console.log(strs);      // [2, 3, 4]

Wenn zwei Parameter übergeben werden und der zweite Parameter kleiner als der erste Parameter ist, ist das Ergebnis ein leeres Array (dasselbe gilt für negative Zahlen).

var strs = str.slice(-1,1);      
console.log(strs);      // [ ]

Okay, oben wird beschrieben, wie die Slice-Funktion verwendet wird

Aber in der Praxis wird sie im Allgemeinen verwendet, um ein Array-ähnliches in ein Array umzuwandeln.

Dies ist eine Zeichenfolge von HTML-Code, die ich zuvor geschrieben habe, um ein Klassenarray zu erhalten

    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>

Das Ergebnis ist wie folgt:

var NodeList = document.querySelectorAll("div");
console.log(NodeList);      //NodeList(10) [div, div, div, div, div, div, div, div, div, div]
NodeList = [].slice.call(NodeList);
console.log(NodeList)       //(10) [div, div, div, div, div, div, div, div, div, div]

Die erste Zeile dient dazu, eine Zeichenfolge von zu erhalten Klassenarray
Die zweite Zeile dient zur Ausgabe des Klassenarrays auf der Konsole
Die dritte Zeile dient zur Konvertierung des Klassenarrays (zum Akzeptieren muss eine Variable verwendet werden) oder Array.prototype.slice.call(NodeList). Möglich ist auch, dass die beiden gleich sind
Die vierte Zeile gibt das konvertierte Array auf der Konsole aus.
Ich frage mich, ob Sie es gelernt haben? Ich weiß nicht, ob ich es schon gelernt habe, aber ich habe es selbst mehrmals getippt, haha.

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie ein Klassenarray mithilfe von Slice in ein Array. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!