In JavaScript, Beim Klonen eines Arrays wird ein neues Array mit denselben Elementen wie das ursprüngliche Array erstellt. Das Klonen eines Arrays in JavaScript ist nützlich, wenn Sie ein neues Array erstellen möchten, das dieselben Elemente wie ein vorhandenes Array enthält, ohne das ursprüngliche Array zu ändern.

Wann soll ein Array geklont werden?

Wenn Sie einige Vorgänge an einem Array ausführen möchten, z. B. Sortieren, Filtern oder Zuordnen, aber das ursprüngliche Array nicht ändern möchten, können Sie einen Klon des ursprünglichen Arrays erstellen und die Vorgänge stattdessen am Klon ausführen.

• Wenn Sie einer Funktion ein Array als Argument übergeben, möchten Sie möglicherweise sicherstellen, dass die Funktion das ursprüngliche Array nicht verändert. In diesem Fall können Sie stattdessen einen Klon des Arrays übergeben.
• Wenn Sie das ursprüngliche Array zum späteren Nachschlagen aufbewahren möchten, können Sie einen Klon des ursprünglichen Arrays erstellen und den Klon zur weiteren Verarbeitung oder Manipulation verwenden.
• Wenn Sie über ein Array verfügen, das Objekte oder Arrays als Elemente enthält, und Sie vermeiden möchten, die ursprünglichen Objekte oder Arrays zu ändern, können Sie einen Klon des Arrays erstellen, mit dem Sie arbeiten möchten, sodass keine Änderungen an den Objekten oder Arrays im Klon vorgenommen werden Auswirkungen auf die ursprünglichen Objekte oder Arrays haben.

Daher, Klonen eines Arrays in JavaScript ist eine nützliche Technik, um mit Arrays so zu arbeiten, dass die Integrität des ursprünglichen Arrays und seiner Elemente erhalten bleibt.

Hier sind einige häufige Anwendungsfälle für das Klonen eines Arrays:

Cassidy Hutchinson Bildung

Inhaltsverzeichnis

• Wann soll ein Array geklont werden?
• Verwenden der Array.slice()-Methode
• Verwendung des Spread-Operators
• Verwenden der Array.from()-Methode
• Verwenden der Array.concat()-Methode
• Verwendung einer for-Schleife
• Verwenden der Array.map()-Methode
• Verwenden der Array.from()-Methode mit einer Kartenfunktion
• Verwenden der Array.of()-Methode
• Verwendung der Methoden JSON.parse() und JSON.stringify()
• Verwenden der Object.assign()-Methode
• Verwenden der Array.reduce()-Methode

Verwenden der Array.slice()-Methode

Wir benutzen das Slice-Methode um eine flache Kopie eines Arrays zu erstellen. Diese Methode erstellt ein neues Array mit einer Teilmenge der Elemente aus dem ursprünglichen Array.

Beispiel: Dieses Beispiel zeigt die Umsetzung des oben erläuterten Ansatzes.

const originalArray = [1, 2, 3]; const clonedArray = originalArray.slice(); console.log(clonedArray);>

[ 1, 2, 3 ]>

Verwendung des Spread-Operators

Verwendung der Spread-Operator … ist eine übersichtliche und einfache Möglichkeit, ein Array in JavaScript zu klonen. Mit dem Spread-Operator können Sie ein Array in einzelne Elemente erweitern, die dann zum Erstellen eines neuen Arrays verwendet werden können.

Beispiel: Dieses Beispiel zeigt die Umsetzung des oben erläuterten Ansatzes.

const originalArray = [1, 2, 3]; const clonedArray = [...originalArray]; console.log(clonedArray);>

[ 1, 2, 3 ]>

Verwenden der Array.from()-Methode

Verwendung der Array.from() -Methode ist eine weitere Möglichkeit, ein Array in JavaScript zu klonen. Diese Methode erstellt ein neues Array aus einem vorhandenen Array und verwendet eine optionale Zuordnungsfunktion, um die Werte im neuen Array umzuwandeln.

Beispiel: Dieses Beispiel zeigt die Umsetzung des oben erläuterten Ansatzes.

Geschichte in Java

const originalArray = [1, 2, 3]; const clonedArray = Array.from(originalArray); console.log(clonedArray);>

[ 1, 2, 3 ]>

Verwenden der Array.concat()-Methode

Verwendung der Array.concat() -Methode ist eine weitere Möglichkeit, ein Array in JavaScript zu klonen. Diese Methode erstellt ein neues Array, indem sie zwei oder mehr Arrays miteinander verkettet.

Beispiel: Dieses Beispiel zeigt die Umsetzung des oben erläuterten Ansatzes.

const originalArray = [1, 2, 3]; const clonedArray = [].concat(originalArray); console.log(clonedArray);>

[ 1, 2, 3 ]>

Verwendung einer for-Schleife

Bei dieser Methode wird jedes Element im ursprünglichen Array durchlaufen und jedes Element in ein neues Array kopiert.

Beispiel: Dieses Beispiel zeigt die Umsetzung des oben erläuterten Ansatzes.

const originalArray = [1, 2, 3]; const clonedArray = []; for (let i = 0; i < originalArray.length; i++) {  clonedArray.push(originalArray[i]); } console.log(clonedArray);>

[ 1, 2, 3 ]>

Verwenden der Array.map()-Methode

Verwendung der Array.map() -Methode ist eine weitere Möglichkeit, ein Array in JavaScript zu klonen. Diese Methode erstellt ein neues Array, indem jedes Element aus dem ursprünglichen Array einem neuen Wert zugeordnet wird.

Beispiel: Dieses Beispiel zeigt die Umsetzung des oben erläuterten Ansatzes.

Rhel vs. Centos

const originalArray = [1, 2, 3]; const clonedArray = originalArray.map(x =>X); console.log(clonedArray);>

[ 1, 2, 3 ]>

Verwenden der Array.from()-Methode mit einer Kartenfunktion

Verwendung der Array.from() Methode mit einer Kartenfunktion ist eine weitere Möglichkeit, ein Array in JavaScript zu klonen. Diese Methode erstellt ein neues Array, indem jedes Element des ursprünglichen Arrays mithilfe einer bereitgestellten Funktion einem neuen Wert zugeordnet wird.

Beispiel: Dieses Beispiel zeigt die Umsetzung des oben erläuterten Ansatzes.

const originalArray = [1, 2, 3]; const clonedArray = Array.from(originalArray, x =>X); console.log(clonedArray);>

[ 1, 2, 3 ]>

Verwenden der Array.of()-Methode

Diese Methode erstellt ein neues Array mit denselben Elementen wie das ursprüngliche Array.

Beispiel: Dieses Beispiel zeigt die Umsetzung des oben erläuterten Ansatzes.

const originalArray = [1, 2, 3]; const clonedArray = Array.of(...originalArray); console.log(clonedArray);>

[ 1, 2, 3 ]>

Verwendung der Methoden JSON.parse() und JSON.stringify()

Verwendung der JSON.parse() Und JSON.stringify() Methoden sind eine weitere Möglichkeit, ein Array in JavaScript zu klonen. Bei dieser Methode wird das ursprüngliche Array in einen JSON-String konvertiert und anschließend der JSON-String analysiert, um ein neues Array zu erstellen.

Beispiel: Dieses Beispiel zeigt die Umsetzung des oben erläuterten Ansatzes.

const originalArray = [1, 2, 3]; const clonedArray = JSON.parse(JSON.stringify(originalArray)); console.log(clonedArray);>

[ 1, 2, 3 ]>

Verwenden der Object.assign()-Methode

Verwendung der Object.assign() Methode ist eine weitere Möglichkeit, ein Array in JavaScript zu klonen. Diese Methode erstellt ein neues Array, indem sie die Eigenschaften des ursprünglichen Arrays in ein neues Objekt kopiert.

Beispiel: Dieses Beispiel zeigt die Umsetzung des oben erläuterten Ansatzes.

const originalArray = [1, 2, 3]; const clonedArray = Object.assign([], originalArray); console.log(clonedArray);>

[ 1, 2, 3 ]>

Verwenden der Array.reduce()-Methode

Der Array.reduce()-Methode Führt eine Reduzierfunktion für jedes Element des Arrays aus, was zu einem einzelnen Ausgabewert führt. Wir können damit ein neues Array mit denselben Elementen wie das ursprüngliche Array erstellen.

So überprüfen Sie blockierte Nummern auf Android

Syntax:

array.reduce((accumulator, currentValue, currentIndex, array) =>{ ... }, initialValue);>

Beispiel : In diesem Beispiel verwenden wir die Methode Array.reduce(), um einen Klon eines Arrays zu erstellen.

// Input array const originalArray = [1, 2, 3, 4]; // Cloning the array using reduce const clonedArray = originalArray.reduce((acc, val) =>{ acc.push(val);  Rückgabe gemäß; }, []); // Zeigt die ursprünglichen und geklonten Arrays an console.log('Original Array:', originalArray); // Ausgabe: [1, 2, 3, 4] console.log('Cloned Array:', clonedArray); // Ausgabe: [1, 2, 3, 4]>

Original Array: [ 1, 2, 3, 4 ] Cloned Array: [ 1, 2, 3, 4 ]>

Notiz: Daher ist es beim Klonen eines Arrays wichtig, die Komplexität der Daten und die Leistungsanforderungen der Anwendung zu berücksichtigen.