logo

JavaScript-Objekte

Ein JavaScript-Objekt ist eine Entität mit Status und Verhalten (Eigenschaften und Methode). Zum Beispiel: Auto, Stift, Fahrrad, Stuhl, Glas, Tastatur, Monitor usw.

JavaScript ist eine objektbasierte Sprache. In JavaScript ist alles ein Objekt.

JavaScript basiert auf Vorlagen und nicht auf Klassen. Hier erstellen wir keine Klasse, um das Objekt abzurufen. Aber wir erstellen direkt Objekte.

bfs und dfs

Objekte in JavaScript erstellen

Es gibt drei Möglichkeiten, Objekte zu erstellen.

  1. Nach Objektliteral
  2. Durch direktes Erstellen einer Objektinstanz (mit dem neuen Schlüsselwort)
  3. Durch die Verwendung eines Objektkonstruktors (mit dem Schlüsselwort new)

1) JavaScript-Objekt für Objektliteral

Die Syntax zum Erstellen eines Objekts mithilfe eines Objektliterals ist unten angegeben:

 object={property1:value1,property2:value2.....propertyN:valueN} 

Wie Sie sehen können, werden Eigenschaft und Wert durch : (Doppelpunkt) getrennt.

Sehen wir uns das einfache Beispiel der Objekterstellung in JavaScript an.

 emp={id:102,name:'Shyam Kumar',salary:40000} document.write(emp.id+' '+emp.name+' '+emp.salary); 
Testen Sie es jetzt

Ausgabe des obigen Beispiels


2) Durch Erstellen einer Objektinstanz

Die Syntax zum direkten Erstellen eines Objekts ist unten angegeben:

 var objectname=new Object(); 

Hier, neues Schlüsselwort wird zum Erstellen eines Objekts verwendet.

Sehen wir uns das Beispiel der direkten Objekterstellung an.

 var emp=new Object(); emp.id=101; emp.name='Ravi Malik'; emp.salary=50000; document.write(emp.id+' '+emp.name+' '+emp.salary); 
Testen Sie es jetzt

Ausgabe des obigen Beispiels


3) Durch die Verwendung eines Objektkonstruktors

Hier müssen Sie eine Funktion mit Argumenten erstellen. Mit diesem Schlüsselwort kann jeder Argumentwert im aktuellen Objekt zugewiesen werden.

Der dieses Schlüsselwort bezieht sich auf das aktuelle Objekt.

Nachfolgend finden Sie ein Beispiel für die Erstellung eines Objekts mithilfe eines Objektkonstruktors.

 function emp(id,name,salary){ this.id=id; this.name=name; this.salary=salary; } e=new emp(103,'Vimal Jaiswal',30000); document.write(e.id+' '+e.name+' '+e.salary); 
Testen Sie es jetzt

Ausgabe des obigen Beispiels


Methode im JavaScript-Objekt definieren

Wir können eine Methode in einem JavaScript-Objekt definieren. Bevor wir jedoch die Methode definieren, müssen wir der Funktion eine Eigenschaft mit demselben Namen wie die Methode hinzufügen.

Nachfolgend finden Sie ein Beispiel für die Definition einer Methode im Objekt.

 function emp(id,name,salary){ this.id=id; this.name=name; this.salary=salary; this.changeSalary=changeSalary; function changeSalary(otherSalary){ this.salary=otherSalary; } } e=new emp(103,&apos;Sonoo Jaiswal&apos;,30000); document.write(e.id+&apos; &apos;+e.name+&apos; &apos;+e.salary); e.changeSalary(45000); document.write(&apos; <br>&apos;+e.id+&apos; &apos;+e.name+&apos; &apos;+e.salary); 
Testen Sie es jetzt

Ausgabe des obigen Beispiels

JavaScript-Objektmethoden

Die verschiedenen Methoden von Object sind wie folgt:

Ja Nein Methoden Beschreibung
1 Object.assign() Mit dieser Methode werden aufzählbare und eigene Eigenschaften von einem Quellobjekt in ein Zielobjekt kopiert
2 Object.create() Mit dieser Methode wird ein neues Objekt mit dem angegebenen Prototypobjekt und den angegebenen Eigenschaften erstellt.
3 Object.defineProperty() Diese Methode wird verwendet, um einige Verhaltensattribute der Eigenschaft zu beschreiben.
4 Object.defineProperties() Mit dieser Methode werden mehrere Objekteigenschaften erstellt oder konfiguriert.
5 Object.entries() Diese Methode gibt ein Array mit Arrays der Schlüssel-Wert-Paare zurück.
6 Object.freeze() Diese Methode verhindert, dass vorhandene Eigenschaften entfernt werden.
7 Object.getOwnPropertyDescriptor() Diese Methode gibt einen Eigenschaftsdeskriptor für die angegebene Eigenschaft des angegebenen Objekts zurück.
8 Object.getOwnPropertyDescriptors() Diese Methode gibt alle eigenen Eigenschaftsdeskriptoren eines bestimmten Objekts zurück.
9 Object.getOwnPropertyNames() Diese Methode gibt ein Array aller gefundenen Eigenschaften (aufzählbar oder nicht) zurück.
10 Object.getOwnPropertySymbols() Diese Methode gibt ein Array aller eigenen Symbolschlüsseleigenschaften zurück.
elf Object.getPrototypeOf() Diese Methode gibt den Prototyp des angegebenen Objekts zurück.
12 Object.is() Diese Methode bestimmt, ob zwei Werte den gleichen Wert haben.
13 Object.isExtensible() Diese Methode bestimmt, ob ein Objekt erweiterbar ist
14 Object.isFrozen() Diese Methode ermittelt, ob ein Objekt eingefroren wurde.
fünfzehn Object.isSealed() Diese Methode bestimmt, ob ein Objekt versiegelt ist.
16 Object.keys() Diese Methode gibt ein Array der eigenen Eigenschaftsnamen eines bestimmten Objekts zurück.
17 Object.preventExtensions() Diese Methode wird verwendet, um jegliche Erweiterungen eines Objekts zu verhindern.
18 Object.seal() Diese Methode verhindert das Hinzufügen neuer Eigenschaften und markiert alle vorhandenen Eigenschaften als nicht konfigurierbar.
19 Object.setPrototypeOf() Diese Methode setzt den Prototyp eines angegebenen Objekts auf ein anderes Objekt.
zwanzig Object.values() Diese Methode gibt ein Array von Werten zurück.