5 JavaScript-Möglichkeiten zum Abflachen von Arrays

1. Konzept der Array-Abflachung

Unter Array-Flattening versteht man die Konvertierung eines mehrdimensionalen Arrays in ein eindimensionales Array.

[1, [2, 3, [4, 5]]] ------> [1, 2, 3, 4, 5]

2. Umsetzung

1. Reduzieren

Durchlaufen Sie jedes Element im Array. Wenn der Wert ein Array ist, führen Sie die Durchlauf rekursiv durch, andernfalls concat .

Funktion flatten(arr) {  
    return arr.reduce((Ergebnis, Element)=> {
        Rückgabeergebnis.concat(Array.isArray(item) ? flatten(item) : item);
    }, []);
}

reduce ist eine Array-Methode, die eine Funktion als Akkumulator verwendet und sie für jeden Wert im Array (von links nach rechts) auf einen einzelnen Wert reduziert.
reduce enthält zwei Parameter: Callback-Funktion, der an total übergebene Anfangswert

// Finde die Summe der Werte im Array: 
arr.reduce((total, item)=> { // total ist das vorherige Berechnungsergebnis, item ist der Wert jedes Elements im Array return total + item;
}, 0);

2. toString & teilen

Rufen Sie die toString -Methode des Arrays auf, um das Array in einen String umzuwandeln, und verwenden Sie dann split, um es wieder in ein Array aufzuteilen.

Funktion flatten(arr) {
    return arr.toString().split(',').map(Funktion(Element) {
        gib Nummer (Artikel) zurück;
    })
}

Da jedes Element im nach der Aufteilung gebildeten Array ein String ist, wird eine Map-Methode benötigt, um das Array zu durchlaufen und jedes Element in einen numerischen Typ zu konvertieren.

3. Verbinden und Teilen

Wie toString oben kann join auch ein Array in einen String umwandeln

Funktion flatten(arr) {
    returniere arr.join(',').split(',').map(Funktion(Element) {
        gibt parseInt(Element) zurück;
    })
}

4. Rekursion

Durchlaufe jedes Element rekursiv. Wenn es ein Array ist, fahre mit dem Durchlauf fort, andernfalls concat

Funktion flatten(arr) {
    var res = [];
    arr.map(Element => {
        wenn(Array.isArray(item)) {
            res = res.concat(flatten(Element));
        } anders {
            res.push(Element);
        }
    });
    Rückgabewert;
}

5. Spread-Operator

Der Spread-Operator von es6 kann ein zweidimensionales Array in ein eindimensionales Array umwandeln

[].concat(...[1, 2, 3, [4, 5]]); // [1, 2, 3, 4, 5]

Basierend auf diesem Ergebnis können wir eine Traversierung durchführen. Wenn arr ein Array enthält, verwenden wir den Erweiterungsoperator einmal, bis kein Array mehr vorhanden ist.

Funktion flatten(arr) {
    während(arr.some(item=>Array.isArray(item))) {
        arr = [].concat(...arr);
    }
    Rückflug an;
}

Zusammenfassen:

Damit ist dieser Artikel über 5 JavaScript Methoden zum Reduzieren eines Arrays abgeschlossen. Weitere Informationen zum Reduzieren eines Arrays mit JavaScript finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!