Objekte in JavaScript

In JavaScript sind Objekte Sammlungen von Schlüssel-Wert-Paaren, wobei Werte Daten (Eigenschaften) oder Funktionen (Methoden) sein können. Objekte sind für JavaScript von grundlegender Bedeutung, da fast alles in JavaScript ein Objekt ist, einschließlich Arrays, Funktionen und sogar anderer Objekte.

1. Objekte erstellen

A. Objektliteral

Der einfachste Weg, ein Objekt zu erstellen, ist die Verwendung von geschweiften Klammern {}.

Beispiel:

const person = {
  name: "Alice",
  age: 25,
  greet: function () {
    console.log("Hello!");
  },
};

console.log(person.name); // Output: Alice
person.greet(); // Output: Hello!

B. Objektkonstruktor

Mit dem Objektkonstruktor wird ein leeres Objekt erstellt.

Beispiel:

const person = new Object();
person.name = "Bob";
person.age = 30;
person.greet = function () {
  console.log("Hi!");
};

console.log(person.name); // Output: Bob
person.greet(); // Output: Hi!

C. Verwenden von Object.create()

Diese Methode erstellt ein neues Objekt mit dem angegebenen Prototyp.

Beispiel:

const prototype = { greet: function () { console.log("Hello!"); } };
const person = Object.create(prototype);
person.name = "Charlie";
console.log(person.name); // Output: Charlie
person.greet(); // Output: Hello!

2. Auf Objekteigenschaften zugreifen

A. Punktnotation

Zugriff auf Eigenschaften mit einem Punkt (.).

Beispiel:

console.log(person.name); // Output: Alice

B. Klammernotation

Zugriff auf Eigenschaften mit eckigen Klammern ([]). Nützlich für dynamische Eigenschaftsnamen.

Beispiel:

console.log(person["name"]); // Output: Alice
const key = "age";
console.log(person[key]); // Output: 25

3. Eigenschaften hinzufügen, ändern und löschen

• Hinzufügen:

person.country = "USA";
console.log(person.country); // Output: USA

• Ändern:

person.age = 26;
console.log(person.age); // Output: 26

• Löschen:

delete person.age;
console.log(person.age); // Output: undefined

4. Methoden in Objekten

Wenn eine Funktion eine Eigenschaft eines Objekts ist, wird sie als Methode bezeichnet.

Beispiel:

const car = {
  brand: "Tesla",
  start: function () {
    console.log("Car started!");
  },
};

car.start(); // Output: Car started!

5. Iterieren über Objekteigenschaften

A. Verwendung von for...in

Iterieren Sie alle aufzählbaren Eigenschaften eines Objekts.

Beispiel:

for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}

B. Verwenden von Object.keys()

Gibt ein Array der Schlüssel eines Objekts zurück.

Beispiel:

Object.keys(person).forEach((key) => {
  console.log(`${key}: ${person[key]}`);
});

C. Verwenden von Object.entries()

Gibt ein Array von [Schlüssel-Wert]-Paaren zurück.

Beispiel:

Object.entries(person).forEach(([key, value]) => {
  console.log(`${key}: ${value}`);
});

6. Objektmethoden

JavaScript bietet mehrere integrierte Methoden zum Arbeiten mit Objekten.

• Object.assign(): Kopiert Eigenschaften von einem Objekt auf ein anderes.

const target = { a: 1 };
const source = { b: 2 };
Object.assign(target, source);
console.log(target); // Output: { a: 1, b: 2 }

• Object.freeze(): Verhindert die Änderung eines Objekts.

const obj = { a: 1 };
Object.freeze(obj);
obj.a = 2; // No effect
console.log(obj.a); // Output: 1

• Object.seal(): Verhindert das Hinzufügen oder Entfernen von Eigenschaften, ermöglicht jedoch die Änderung vorhandener Eigenschaften.

const obj = { a: 1 };
Object.seal(obj);
obj.b = 2; // No effect
obj.a = 3; // Works
console.log(obj); // Output: { a: 3 }

7. Prototypen und Vererbung

Objekte in JavaScript haben einen Prototyp, der ein weiteres Objekt ist, von dem sie Eigenschaften und Methoden erben.

Beispiel:

const animal = { eats: true };
const dog = Object.create(animal);
dog.barks = true;

console.log(dog.eats); // Output: true (inherited)
console.log(dog.barks); // Output: true

8. Objektzerstörung

Destrukturierung ermöglicht das Extrahieren von Eigenschaften aus einem Objekt in Variablen.

Beispiel:

const person = { name: "Alice", age: 25 };
const { name, age } = person;
console.log(name); // Output: Alice
console.log(age); // Output: 25

9. Zusammenfassung

• Objekte sind Schlüssel-Wert-Paare, die Eigenschaften und Methoden speichern können.
• Verwenden Sie Objektliterale zur einfachen Objekterstellung.
• Zugriff auf Objekteigenschaften mithilfe der Punkt- oder Klammernotation.
• Verwenden Sie integrierte Methoden wie Object.keys(), Object.assign() und Object.freeze() für eine effektive Objektmanipulation.
• Das Beherrschen von Objekten ist entscheidend für das Verständnis fortgeschrittener JavaScript-Konzepte wie Prototypen und Vererbung.

Hallo, ich bin Abhay Singh Kathayat!
Ich bin ein Full-Stack-Entwickler mit Fachwissen sowohl in Front-End- als auch in Back-End-Technologien. Ich arbeite mit einer Vielzahl von Programmiersprachen und Frameworks, um effiziente, skalierbare und benutzerfreundliche Anwendungen zu erstellen.
Sie können mich gerne unter meiner geschäftlichen E-Mail-Adresse erreichen: [email protected].