Detaillierte Erläuterung mehrerer Methoden zur Reduzierung der JS-Array-Dimensionalität

Detaillierte Erläuterung mehrerer Methoden zur Reduzierung der JS-Array-Dimensionalität

Dimensionsreduzierung eines zweidimensionalen Arrays

Dimensionsreduzierung mithilfe der Array-Instanzmethode concat und des ES6-Spread-Operators

sei arr=[1,2,[3,4],5];
Lassen Sie arr1 = [].concat (...arr);
//Verwenden Sie zuerst den Spread-Operator, um das äußerste Array aufzubrechen. concat hat eine eigene Funktion zum Aufbrechen der zusammengeklebten Arrays. console.log(arr1);
// [1, 2, 3, 4, 5]

//Kompatibilität mit ES6 vor der Verwendung von apply zum Aufteilen der Daten var arr2=[1,2,[3,4],5];
var arr3=[].concat.apply([],arr2);
Konsole.log(arr3);
// [1, 2, 3, 4, 5]

Dimensionsreduktion mehrdimensionaler Arrays

Rekursive Dimensionsreduzierung

//Mehrere Möglichkeiten zur Verwendung der rekursiven Dimensionsreduzierung von Array-Funktionen //some&concat
//Verwende some, um zu prüfen, ob das Array ein Array enthält und rufe dich dann selbst auf, um die Dimensionsfunktion zu reduzieren fun(arr){
  arr = [].concat (...arr); 
  // Prüfen, ob das reduzierte Array noch Unterarrays enthält let hasArray = arr.some(function(elem){
      gibt Array.isArray(elem) zurück;
  })
  if(hasArray){ //Wenn es ein Subarray enthält arr=fun(arr); //Dann kann es die Dimension nur noch einmal reduzieren, bis geprüft wird, dass es kein Subarray mehr enthält}
    Rückflug an;
};

//fürjede&Instanzvon
//Beurteile jedes Element des Arrays, um zu sehen, ob das Array sich weiterhin selbst aufruft, anstatt es in das zuvor vorbereitete leere Array zu setzen function fun2(arr){
  lass ret = [];
  let zuArr = Funktion(arr){
    arr.forEach(Funktion(Element){
      Elementinstanz des Arrays? toArr(Element) : ret.push(Element);
    });
  }
  zuArr(arr);
  Rückkehr ret;
}

//reduzieren und verketten
//Bereiten Sie abschließend ein leeres Array vor und prüfen Sie, ob jedes Element im übergebenen Array ein Array ist. Wenn dies der Fall ist, rufen Sie sich selbst erneut auf. Wenn nicht, verwenden Sie concat, um es in einem leeren Array zusammenzufassen. Funktion fun3(sarr){
    returniere sarr.reduce((vorher,wert)=>{
        gibt Array.isArray(val) zurück? pre.concat(fun3(val)): pre.concat(val)
    },[])
}

Array.prototype.flat()

ES10 fügt Array.prototype.flat() hinzu, das verwendet wird, um verschachtelte Arrays in eindimensionale Arrays aufzuteilen. Diese Methode gibt ein neues Array zurück und hat keine Auswirkungen auf die Originaldaten.

var arr1 = [1, 2, [3, 4]];
arr1.flat(); 
// [1, 2, 3, 4]
 
var arr2 = [1, 2, [3, 4, [5, 6]]];
arr2.flat();
// [1, 2, 3, 4, [5, 6]]
 
var arr3 = [1, 2, [3, 4, [5, 6]]];
arr3.flat(2);
// [1, 2, 3, 4, 5, 6]
 
//Verwenden Sie Unendlich als Tiefe, um verschachtelte Arrays beliebiger Tiefe zu erweitern arr3.flat(Infinity); 
// [1, 2, 3, 4, 5, 6]

Damit ist dieser Artikel über verschiedene Methoden zur Dimensionsreduzierung von JS-Arrays abgeschlossen. Weitere relevante Inhalte zur Dimensionsreduzierung von JS-Arrays finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • Die 5 umfassendsten Methoden zur Reduzierung der Dimension von Arrays in js (Zusammenfassung)
  • Implementierung der Dimensionsreduzierung von JS-Arrays Array.prototype.concat.apply([], arr)
  • Detaillierte Erklärung der Array-Dimensionsreduzierung in JavaScript

<<:  Zusammenfassung der Probleme bei der Installation und Verwendung des MySQL 5.7.19 Winx64 ZIP-Archivs

>>:  Der MySQL-Server wird mit der Option --skip-grant-tables ausgeführt.

Artikel empfehlen

Konfigurationsmethode für die Mehrfachauswahlfunktion von React Mouse

Im Allgemeinen verfügen Listen über Auswahlfunkti...

Implementierungsschritte zur Kapselung von Komponenten basierend auf React

Inhaltsverzeichnis Vorwort Wie kapselt Antd Kompo...

So bereinigen Sie schnell Milliarden von Daten in einer MySQL-Datenbank

Heute habe ich eine Festplattenalarm-Ausnahme erh...

Website User Experience Design (UE)

Ich habe gerade einen von JunChen verfassten Beitr...

CSS verwendet calc(), um die aktuell sichtbare Bildschirmhöhe zu ermitteln

Schauen wir uns zunächst die relativen Längeneinh...

Kapseln Sie die Navigationsleistenkomponente mit Vue

Vorwort: Die vollständige Kapselung eines Funktio...

Beispiel für eine geplante MySQL-Datenbanksicherung

Dieser Artikel beschreibt das Beispiel eines gepl...

So verwenden Sie die Shell, um Batchvorgänge auf mehreren Servern auszuführen

Inhaltsverzeichnis SSH-Protokoll SSH Verbindungsp...

So importieren, registrieren und verwenden Sie Komponenten in Stapeln in Vue

Vorwort Komponenten sind etwas, das wir sehr häuf...

Einführung in MySQL-Anweisungskommentare

MySQL unterstützt drei Arten von Kommentaren: 1. ...