Alles, was Sie über JavaScript-Objekte wissen müssen

Dieser Blog über JavaScript-Objekte bietet detaillierte Kenntnisse über verschiedene Methoden zum Definieren und Erstellen neuer Objekte in Javascript mit Beispielen.

ist eine objektorientierte Programmiersprache. Die Objekte bilden die Bausteine, die als wichtigster Datentyp geltenfür die Programmiersprache. Dieser Artikel bietet detaillierte Informationen zu JavaScript-Objekten, wie sie in der folgenden Reihenfolge erstellt und definiert werden:

JavaScript-Objekt

Objekte ähneln Objekten im wirklichen Leben, die aus verschiedenen Attributen und Eigenschaften bestehen. Diese Objekte werden als ungeordnete Sammlung verwandter Daten definiert, die primitiven oder Referenztypen entsprechen. Diese werden in Form von „Schlüssel: Wert“ -Paaren definiert.





JavaScript - Javascript-Objekt - Edureka

Diese Schlüssel sind Variablen oder Funktionen die als Eigenschaften und Methoden eines Objekts bezeichnet werden. Sie können ein JavaScript-Objekt wie folgt erstellen:



let ObjectName = {Eigenschaft1: 'Wert', Eigenschaft2: 'Wert', ... ...}

Wie erstelle ich ein neues Objekt?

Es gibt drei Möglichkeiten, ein neues Objekt zu erstellen:

  • Nach Objektliteral

Syntax:

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

Beispiel:



Mitarbeiter = {ID: 700, Name: 'Evan', Gehalt: 30000} document.write (employee.id + '' + employee.name + '' + employee.salary)

Ausgabe:

700 Evan 30000
  • Durch Erstellen einer Objektinstanz

Syntax:

var objectname = new Object ()

Beispiel:

var emp = new Object () emp.id = 701 emp.name = 'Karan' emp.salary = 40000 document.write (emp.id + '' + emp.name + '' + emp.salary)

Ausgabe:

701 Karan 40000
  • Durch Verwendung eines Objektkonstruktors

Eine Funktion wird mit Argumenten erstellt. Jeder Argumentwert kann mithilfe von im aktuellen Objekt zugewiesen werden Dies Stichwort.

Beispiel:

Funktion Mitarbeiter (ID, Name, Gehalt) {this.id = ID this.name = Name this.salary = Gehalt} emp = neuer Mitarbeiter (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '' + emp.salary)

Ausgabe:

702 Neha 35000

Eigenschaften

ZU Eigentum eines Objekts ist a Variable das ist an das Objekt angehängt. Sie sind im Grunde die gleichen wie JavaScript-Variablen, mit Ausnahme des Anhangs an Objekte.

Die Eigenschaften eines Objekts definieren die Eigenschaften des Objekts. Sie können auf die Eigenschaften eines Objekts mit einer einfachen Punktnotation zugreifen, z.

objectName.propertyName

Sie können eine Eigenschaft definieren, indem Sie ihr einen Wert zuweisen. Erstellen wir beispielsweise ein Objekt mit dem Namen Auto und gib ihm Eigenschaften wie Firma, Modell , und Farbe . Es kann definiert werden als:

var Car = neues Objekt () Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Red'

Methoden

ZU Methode ist ein Funktion einem Objekt zugeordnet. Es ist auch eine Eigenschaft eines Objekts. Methoden sind als normale Funktionen definiert, müssen aber als zugewiesen werden Eigentum eines Objekts.

Auf die Objektmethode kann wie folgt zugegriffen werden:

objectName.methodName ()

Beispiel:

var person = {Vorname: 'Tessa', Nachname: 'Den', Empid: 7100, vollständiger Name: function () {return this.firstName + '' + this.lastName}}

Ausgabe:

Tessa Den

Einige der häufig verwendeten integrierten Methoden sind:

Methoden Beschreibung
Object.assign () Es wird verwendet, um aufzählbare und eigene Eigenschaften von einem Quellobjekt in ein Zielobjekt zu kopieren
Object.create () Es wird verwendet, um ein neues Objekt mit dem angegebenen Prototypobjekt und den angegebenen Eigenschaften zu erstellen
Object.defineProperty () Es wird verwendet, um Verhaltensattribute der Eigenschaft zu definieren
Object.entries () Es wird ein zurückgegeben Array mit den Schlüssel & Wert-Paaren
Object.freeze () Es verhindert, dass die vorhandenen Eigenschaften entfernt werden

Accessoren

Die JavaScript-Accessoren bestehen aus Getters und Setter die verwendet werden, um die Objektzugriffsberechtigten zu definieren.

  • Das Get Keyword

Nehmen wir ein Beispiel und sehen, wie Getters sind gewöhnt an erhalten Beliebiger Wert der Immobilie:

var person = {Vorname: 'Daisy', Nachname: 'Grün', Empid: 401, get id () {return this.empid}} document.getElementById ('demo'). innerHTML = person.id

Ausgabe:

401
  • Das Set-Schlüsselwort

Nehmen wir ein Beispiel und sehen, wie Setter sind gewöhnt an einstellen Beliebiger Wert der Immobilie:

var person = {Vorname: 'Daisy', Nachname: 'Grün', Empid: 00, ID (Wert) festlegen {this.empid = Wert}} person.id = 401 document.getElementById ('Demo'). innerHTML = Person .empid

Ausgabe:

401

Prototypen

Alle JavaScript-Objekte erben Eigenschaften und Methoden von einem Prototyp. Beispielsweise:

  • Datum Objekte erben von Date.prototype
  • Array Objekte erben von Array.prototype
  • Person Objekte erben von Person.prototype

Das JavaScript Prototyp Mit property werden Objektkonstruktoren neue Eigenschaften hinzugefügt.

Beispiel:

Funktion Person (first, last, id, age) {this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.nationality = 'Indian'

Mit der Eigenschaft prototype können Sie Objektkonstruktoren auch neue Methoden hinzufügen.

Beispiel:

Funktion Person (first, last, id, age) {// Hinzufügen von Methoden zu Konstruktoren this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

Sie können Ihre eigenen Prototypen ändern, jedoch niemals die Prototypen von Standard-JavaScript-Objekten.

Damit sind wir am Ende unseres Artikels angelangt. Ich hoffe, Sie haben JavaScript-Objekte und die verschiedenen Methoden zu ihrer Definition verstanden.

Was ist Typ Casting in Java

Nachdem Sie sich mit JavaScript-Objekten vertraut gemacht haben, lesen Sie die von Edureka. Mithilfe der Schulung zur Webentwicklungszertifizierung erfahren Sie, wie Sie mit HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- und Google-APIs beeindruckende Websites erstellen und für Amazon Simple Storage Service (S3) bereitstellen.

Hast du eine Frage an uns? Bitte erwähnen Sie es im Kommentarbereich von 'JavaScript Object' und wir werden uns bei Ihnen melden.