Tutorials

Einige nützliche Hilfen und Code-Schnipsel, die ich immer wieder benötige und deshalb hier für alle sammle.

Zurück zur Übersicht

Javascript: Array klonen mit ES6

#Tutorials#Javascript

Möchte man in Javascript ein Array klonen, so geht das Ganze seit ES6 sehr einfach. Wie das folgende Beispiel zeigt:

const sheeps = ['maeh', 'maaeh', 'maeeh'];

// Old way
const cloneSheeps = sheeps.slice();

// ES6 way
const cloneSheepsES6 = [...sheeps];

Warum kann ich nicht einfach = benutzen um ein Array zu klonen?

Javascript referenziert Arrays wenn man diese mit = anlegt. Das bedeutet, dass eine Änderung am neuen Array direkt das alte Array mit ändert, da es ein und dasselbe für Javascript ist.

Hier ein Beispiel dazu:

const sheeps = ['maeh', 'maaeh', 'maeeh'];
const sheeps2 = sheeps;

sheeps2.push('wolf');

console.log(sheeps2);
// ['maeh', 'maaeh', 'maeeh', 'wolf'] OK richtig

console.log(sheeps);
// ['maeh', 'maaeh', 'maeeh', 'wolf'] <-- Oh nein, das Original hat sich ebenfalls geändert.

Kommentare

Es gibt noch keine Kommentare. Sei der Erste!

Hinterlasse einen Kommentar

Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Kommentar wird gespeichert
Danke für deinen Kommentar! Sobald er freigegeben wurde erscheint er hier.