Was sind JavaScript-Objekte?
Objekte sind die Grundbausteine für jede objektorientierte Sprache. JavaScript ist eine objektorientierte Sprache und bildet keine Ausnahme von diesem Konzept. Da Javascript aufgrund seiner Fähigkeit, Webseiten mit dynamischem Verhalten zu versehen, weit verbreitet ist, sollte man sich mit Javascript und der Arbeitsweise mit seinen Objekten vertraut machen.
Objekte in Javascript sind eine Gruppe verschiedener Datentypen oder Objekte, die als Schlüssel-Wert-Paare zusammengefasst werden. Der "Schlüssel" -Teil des Objekts ist nichts anderes als die Objekteigenschaften.
Angenommen, wir haben ein Objekt "Student", dessen Eigenschaften wie folgt lauten: Vorname, Nachname, Alter, Schüler-ID, Klasse usw. Die Darstellung des JavaScript-Objekts für dieses Schülerobjekt würde folgendermaßen aussehen:
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
)
Beachten Sie hierbei, dass die Eigenschaften Vorname, Nachname und Klasse Werte vom Datentyp String enthalten, während Alter und Schüler-ID vom Datentyp Zahl sind.
Wie erstelle ich ein Objekt in JavaScript?
Um Objekte zu erstellen, bietet Javascript einige Optionen, mit denen Objekte nach Bedarf erstellt werden können.
1. Verwenden der Object Initializer-Syntax
Die Syntax des Objektinitialisierers ist eine Liste von Eigenschaftsnamen (Schlüsseln) mit ihren jeweiligen Werten, die in geschweiften Klammern ((…)) eingeschlossen sind. Im obigen Beispiel haben wir das Objekt "student" mit der Objektinitialisierungssyntax erstellt. Die Syntax lautet wie folgt:
var object = ( prop_1 : val_1,
prop_2 : val_2,
… … …
prop_n: val_n)
Hier haben die Eigenschaften entweder einen primitiven Datentyp (Zeichenfolge, Zahl, Boolean, Null und undefiniert sind die primitiven Datentypen in Javascript) oder ein anderes Objekt.
Beispielsweise
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
parents : (father : 'Mrinal Rai', mother : 'Payal Rai')
)
Beachten Sie, dass hier die Eigenschaft "parent" vom Typ object ist. Es besteht aus zwei Untereigenschaften, nämlich Vater und Mutter.
2. Konstruktorfunktion nutzen
In diesem Fall definieren Sie zunächst eine Konstruktorfunktion mit ihren jeweiligen Eigenschaften. Anschließend erstellen Sie das Objekt mit dem Schlüsselwort "new". Weisen Sie dann die Werte diesem neu erstellten Objekt zu.
Zum Beispiel: Betrachten wir eine Konstruktorfunktion, sagen wir Student:
function Student(name, age, gender)(
this.name= name;
this.age = age;
this.gender = gender;
)
Beachten Sie, dass der Konstruktorname gemäß der Namenskonvention mit einem Großbuchstaben beginnen sollte.
Jetzt erstellen wir das Objekt mit dem Schlüsselwort "new".
var myStudent = new Student('Anita Rai', 14, 'female');
Beachten Sie auch, dass wir hier nur die Werte an den Konstruktor übergeben. Der Konstruktor weist diese Werte den jeweiligen Eigenschaften mit dem Schlüsselwort "this" zu. Das aktuelle Objekt wird mit dem Schlüsselwort "this" referenziert.
3. Verwenden der Instanz eines Objekts
Alternativ könnte man den Objektinstanz- / Objektkonstruktor verwenden, um ihn wie folgt zu erstellen und zu initialisieren:
var student = new Object();
student.name = “Anita Rai”;
student.age = 14;
student.gender = “female”;
4. Verwenden der Methode create () in der Objektklasse
Sie können Objekte auch mit der von der Objektklasse bereitgestellten create () -Methode erstellen. Die create-Methode nimmt einen Objektprototyp als Parameter auf. Dadurch könnte man vermeiden, eine Konstruktorfunktion schreiben zu müssen.
Beispielsweise
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Hier ist „Student“ unser Prototyp. Nun erstellen wir mit diesem Befehl ein weiteres Objekt:
var student_1 = object.create(student);
Hier wird das student_1-Objekt unter Verwendung des Studentenprototyps erstellt. Wenn Sie einen der Werte in dieses neu erstellte Objekt ändern müssen, gehen Sie wie folgt vor:
Student_1.name = “Ananya Gupta”;
Das Objekt student_1 hat jetzt ähnliche Eigenschaftswerte wie das Objekt student mit Ausnahme der Eigenschaft "name".
Wie greife ich in JavaScript auf Objekte zu?
Nachdem das Objekt erstellt wurde, muss man als Nächstes wissen, wie wir darauf zugreifen können. Nun, Javascript bietet zwei Möglichkeiten, wie man auf das Objekt zugreifen kann:
1. Verwenden einer Objektinstanz
Hier wird die Objektinstanz verwendet, um auf ihre Eigenschaften zuzugreifen.
Syntax: object.property
Zum Beispiel: Nehmen wir an, wir haben einen Objektschüler definiert,
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Um nun auf das Objekt und seine Eigenschaften zuzugreifen, drucken wir es auf der Konsole aus:
console.log (“Student” + student.name + “is” + student.age + “years old.”);
// output: Student Anamika Rai is 14 years old.
2. Verwenden Sie eckige Klammern
Die Objekteigenschaft wird in eckige Klammern nach dem Objekt selbst gesetzt.
Syntax: object('property')
Zum Beispiel: Zugriff auf das oben genannte Schülerobjekt mit eckigen Klammern,
console.log (“Student” + student('name') + “is” + student('age ') + “years old.”);
// output: Student Anamika Rai is 14 years old.
JavaScript-Objektmethoden
Nur wenige der am häufigsten verwendeten Javascript-Methoden sind wie folgt:
- create (): Wie wir oben bereits gesehen haben, wird diese Methode verwendet, um Javascript-Objekte aus einem Prototyp-Objekt zu erstellen.
- is (): Diese Methode nimmt ein zweites Objekt als Parameter auf und bestimmt, ob beide Objekte gleich sind und gibt einen Booleschen Wert zurück. Das heißt, wenn beide Objekte gleich sind, wird "true" zurückgegeben, andernfalls "false".
- keys (): Die Methode keys () nimmt das Javascript-Objekt als Parameter auf und gibt ein Array seiner Eigenschaften zurück.
- values (): In ähnlicher Weise nimmt die values-Methode ein Javascript-Objekt als Parameter und gibt ein Array seiner Werte zurück.
- entries (): Diese Methode nimmt auch ein Javascript-Objekt als Parameter auf und gibt ein Array zurück, das ein weiteres Array beider Schlüssel-Wert-Paare enthält. Beispiel: Betrachten wir noch einmal unser „Schüler“ -Objekt.
console.log(Object.entries(student));
//output: Array (Array ("name", "Anamika Rai"), Array ("age", 14), Array ("gender", "female"))
Fazit
Dieser Artikel gibt eine Vorstellung davon, was genau Javascript-Objekte sind und wie man sie auf verschiedene Arten erstellen kann. Außerdem werden die Eigenschaften dieser Objekte erläutert und wie auf diese Objekte auf unterschiedliche Weise zugegriffen werden kann. Schließlich müssen Sie die am häufigsten verwendeten Methoden kennen, um mit Javascript-Objekten zu arbeiten.
Empfohlene Artikel
Dies ist eine Anleitung zu JavaScript-Objekten. Hier wird erläutert, wie Sie ein Objekt in JavaScript erstellen und wie Sie auf Objekte in JavaScript zugreifen. Sie können sich auch die folgenden Artikel ansehen, um mehr zu erfahren -
- Konstruktor in JavaScript
- Überschreiben in JavaScript
- Funktionen von JavaScript
- Wie funktioniert JavaScript?
- Objekt in Java