Veränderliche und unveränderliche Daten in JavaScript

Der Begriff Veränderlichkeit bedeutet veränderlich, das Konzept der Veränderlichkeit kann nur auf Objekte und Arrays in JavaScript angewendet werden. Das Konzept der Mutability kann nicht auf primitive Daten wie String, Boolean, Nummer usw. angewendet werden. Während sich unveränderliche Daten auf primitive Daten beziehen, deren Zustand nicht geändert werden kann. In diesem Beitrag werden wir den Unterschied zwischen veränderlichen Daten und unveränderlichen Daten mit Hilfe einiger Beispiele verstehen.

Bevor wir uns zu mutablen Daten oder unveränderlichen Daten begeben, müssen wir zunächst das Konzept des Speicherns von Daten in JavaScript -Variablen klären. Die Variablen in JavaScript können zwei Arten von Werten entweder primitiver Typ oder Referenztyp speichern. Insgesamt sieben primitive Datentypen sind in JavaScript verfügbar, während es drei Referenzdatentypen gibt. Der Hauptunterschied zwischen ihnen besteht darin. Kurz gesagt, der primitive Datentyp ist der Basistyp, während der Referenzdatentyp das Objekt ist, das aus mehreren Merkmalen besteht, und diese Objekte werden als Referenz übergeben.

Veränderliche Daten in JavaScript

Veränderliche Objekte können nach ihrer Erstellung modifiziert oder überarbeitet werden, müssen jedoch sich daran erinnern, dass ein Objekt zwei Referenzen hat, und es ist auch möglich, dass es zwei Objekte mit denselben Eigenschaften gibt. Mehrere Referenzen für ein Objekt und zwei Objekte mit ähnlichen Eigenschaften sind zwei verschiedene Dinge.

Implementierung veränderlicher Daten in JavaScript

Betrachten wir ein Beispiel, um die Veränderlichkeit in JavaScript zu verstehen.

lass Employee1 = Name: "Joe Clarke", Alter: 35, ID: 123, Stadt: 'London';
SEITETEE2 = Mitarbeiter1;
lass Employee3 = Name: "Joe Denly", Alter: 25, id: 121, Stadt: 'Birmingham';
Konsole.log ("prüfen, ob Employee1 = Employee2", Employee1 === Employee2);
Konsole.log ("prüfen, ob Employee1 = Employee3", Employee1 === Employee3);

Wir haben ein Objekt namens Mitarbeiter erstellt und ihm einige Immobilien zugewiesen. In der zweiten Zeile wurde ein anderes Objekt mit dem Namen Employee2 erstellt und wir haben es dem Mitarbeiter zugewiesen, was bedeutet, dass der Mitarbeiter2 die gleichen Eigenschaften wie Mitarbeiter hat. Dann erstellen wir einen anderen Mitarbeiter und weisen ihm verschiedene Eigenschaften zu. Als nächst.

Ausgabe des obigen Codes ist:

Lassen Sie uns nun sehen, was passiert, wenn wir den Wert von „Employee1“ ändern, wird dies die Eigenschaften von „Employee2“ beeinflussen? Ändern wir unseren Code:

lass Employee1 = Name: "Joe Clarke", Alter: 35, ID: 123, Stadt: 'London';
SEITETEE2 = Mitarbeiter1;
Mitarbeiter1.name = "Dean Elgar";
Konsole.log ("Aktualisierte Werte von Employee1:", Employee1);
Konsole.log ("Aktualisierte Werte von Employee2:", Employee2);

Ändern wir das vorherige Beispiel, zum Beispiel den Namen der Mitarbeiter1 von „Joe Clarke“ in „Dean Elgar“ und prüfen.

Die Ausgabe für unseren geänderten Code ist:

Aus der oben genannten Ausgabe können wir feststellen, dass Änderungen, die wir in der Immobilie von Employee1 vornehmen.

Unveränderliche Daten in JavaScript

Die Unveränderlichkeit bezieht sich auf die primitiven Werte wie Zeichenfolge oder Zahl usw. und in JavaScript können wir sie nicht ändern, aber wir können sie mit einigen neuen Werten neu zuweisen.

Implementierung unveränderlicher Daten in JavaScript

Das unterbezogene Beispiel hilft Ihnen, die unveränderlichen Datentypen zu verstehen.

var Employee1 = 'Daniel';
var Employee2 = Employee1;
Konsole.log ("Name des ersten Mitarbeiter:", Mitarbeiter1);
Konsole.log ("Name des zweiten Mitarbeiter:", Mitarbeiter2);

Wir haben eine Variable erstellt und ihnen einen Wert zugewiesen. Dann haben wir eine andere Variable erstellt und sie die erste Variable zugeordnet, wie sie im untergegebenen Screenshot hervorgehoben wurden.

Lassen Sie uns nun die Ausgabe untersuchen. Beide Variablen zeigen die gleiche Ausgabe:

Ändern Sie nun den Wert von „Employee2“ und beobachten Sie nun, dass der Wert von „Employee1“ ändert oder der Wert für die erste Variable gleich bleibt:

var Employee1 = 'Daniel';
var Employee2 = Employee1;
Konsole.log ("Name des ersten Mitarbeiter:", Mitarbeiter1);
Konsole.log ("Name des zweiten Mitarbeiter:", Mitarbeiter2);
var Employee2 = 'Bryn';
Konsole.log ("Aktualisierter Name des 1. Mitarbeiter:", Mitarbeiter1);
Konsole.log ("Aktualisierter Name des 2. Mitarbeiter:", Employee2);

Wir weisen der zweiten Variablen 'Bryn' zu:

Beachten Sie nun die Ausgabe:

Das Beispiel verdeutlicht, dass wir bei der Änderung des Werts von Employee2 feststellen, dass das Ändern des Namens der zweiten Variablen den Wert der ersten Variablen nicht beeinflusst, was bedeutet die zweite Variable.

Wir werden ein weiteres Beispiel in Betracht ziehen, um die unveränderlichen Daten in JavaScript herauszufinden.

var str = "Hallo";
Konsole.log ("Original String:", str);
str.touppercase ();
Konsole.log ("String nach Touppercase -Methode:", str);

Wir haben eine String -Variable genommen und ihm einen Wert "Hallo" zugewiesen, dann haben wir eine String -Methode "Toupper" verwendet. Bei der Ausführung des Programms haben wir festgestellt, dass es die Zeichenfolge nicht geändert hat, da in JavaScript -Zeichenfolgen unveränderliche Datentypen sind und sie nach der Erstellung nicht geändert werden können.

Die Ausgabe von oben gegebener Code ist:

Sie können feststellen, dass Touppercase die unteren Fallbuchstaben nicht in die oberen Fallbuchstaben ändert, da wir die unveränderlichen Daten nach der Erstellung nicht ändern können.

Abschluss

Veränderliche Daten können an jedem Punkt geändert werden, während unveränderliche Daten den veränderlichen Daten widersprechen, was bedeutet, dass die veränderlichen Dinge nicht geändert werden können. In diesem Beitrag haben wir den Unterschied zwischen primitiven Datentypen mit Referenztypen erläutert. Dann verstehen wir die Idee von veränderlichen und unveränderlichen Daten, zu diesem Zweck haben wir einige Beispiele genommen und sie in JavaScript implementiert. Schließlich können wir zu dem Schluss kommen, dass, wenn wir einen Wert der Referenzvariablen ändern, auch den ursprünglichen Wert mutiert, aber die primitive Variable nicht mutiert.