Einführung in die gängigen Methoden des Spread-Operators in JavaScript

Persönliches Verständnis von...allgemeinen Methoden

...als Erweiterungsoperator

Die Erweiterung bezieht sich hier auf ein Array oder einen String oder ein Pseudo-Array (was ähnelt einem Array.) Sie können Indizes verwenden, um jedes Element herauszunehmen, und das Gesamtlängenattribut der Daten (im Folgenden als durchquerbares Objekt bezeichnet) erweitern, was bedeutet, jedes Element im Array herauszunehmen und durch zu trennen (Bei der Verwendung ist dies der Fall, bei separatem Ausdruck werden sie durch Leerzeichen getrennt).

• ...Sie können ein eindimensionales Array erweitern, das heißt, Sie können nur das äußerste [] entfernen.
• Das Ergebnis ist das Ergebnis des Entfernens von [] aus dem Array, nicht einer Zeichenfolge, eines Arrays. oder irgendetwas anderes, also können Sie es entsprechend seiner durch Kommas getrennten Methode als formalen Parameter der Funktion übergeben oder es mit einem [] außerhalb davon umschließen und es als Array als Rückgabe einer Funktion verwenden , kann aber nicht direkt zurückgegeben werden und kann über die Konsole ausgegeben werden.

<script>
        let arr = [
            5,
            "str",
            [1,2,3],
            ["hello","world"],
        ];

        function fn(arr){
            console.log(...arr);   
            return [...arr]        
        }
        function fo(...arr){
            console.log(arr);
        }
        // function foo(arr){
        //     return ...arr;  //    Expression expected.
        // }
        console.log(fn(arr));     //  5 "str" (3) [1, 2, 3] (2) ["hello", "world"]
                                  //  (4) [5, "str", Array(3), Array(2)]
		//   外面的[]去掉了，但是里面的[1,2,3]、["hello","world"]的[]没有去掉
    </script>

…als Restoperator

• Der Restoperator bedeutet, dass ich nicht weiß, wie viele Parameter es insgesamt gibt, ich verwende ... zur Darstellung des Restes, und er gilt auch nur für Arrays.
• Und das mit diesen beiden Methoden erhaltene Ergebnis ist ein Array, kein Array ohne [].
• Es gibt hauptsächlich zwei Methoden:
  • Die erste: Alle Parameter sind unbekannt und ich weiß nicht, wie viele ich übergeben soll.
  • Zweiter Typ: Es gibt einen oder mehrere bekannte Parameter und die übrigen Parameter sind unbekannt.
  ... Durchquerbare Objekte Die Methode zum Entfernen von [] aus einem Array wird angezeigt und kann für Pseudo-Arrays verwendet werden. Daher ist es leicht zu verstehen, dass nach der Verwendung von Pseudo-Arrays und nach der Konvertierung der Form des Pseudo-Arrays das Hinzufügen von [] real ist Array, und die Methode des realen Arrays kann aufgerufen werden. => […arr.]

Flache Kopie

Da eine Schleife für ein durchquerbares Objekt verwendet wird, wird das ursprüngliche Array nicht geändert, sondern eine flache Klonoperation durchgeführt, sodass es für Arrays mit flacher Kopie verwendet werden kann. => […arr]

Array-Abflachung

//  第一种所有参数都未知function aa(...arr){
    console.log(arr);}aa(5,"sss",22)     //  (3) [5, "sss", 22]     =>    结果是一个数组//  第二种，有两个已知参数function ff(a,b,...arr){
    console.log(arr)}ff(2,3,"str","111")    // (2) ["str", "111"]   =>    结果是一个数组

Wie oben zu sehen ist, kann der Spread-Operator das Array im Inneren lösen und Concat zum Spleißen verwenden. Wenn das Array jedoch mehrdimensional ist, kann es das tiefere Array nicht lösen. Dazu müssen der Spread-Operator und die Rekursion verwendet werden.

Empfohlenes Lernen: „

Javascript-Grundlagen-Tutorial

“

Das obige ist der detaillierte Inhalt vonEinführung in die gängigen Methoden des Spread-Operators in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!