Menu
Coddy logo textTech

Objektmethoden

Teil des Abschnitts Logik & Ablauf der JavaScript-Journey von Coddy — Lektion 17 von 65.

Die Object-Klasse in JavaScript bietet mehrere integrierte statische Methoden, die uns helfen, mit Objekten zu arbeiten und diese zu manipulieren.

Object.keys(obj) - Gibt ein Array der Schlüssel zurück

Object.values(obj) - Gibt ein Array von Werten zurück

Object.entries(obj) – Gibt ein Array von [key, value]-Paaren zurück.

Zum Beispiel:

const person = {
    name: "John",
    age: 30,
    city: "New York"
};

const keys = Object.keys(person);
// ["name", "age", "city"]

const values = Object.values(person);
// ["John", 30, "New York"]

const entries = Object.entries(person);
// [["name", "John"], ["age", 30], ["city", "New York"]]

Jetzt können Sie herausfinden, wie viele Schlüssel sich in einem Objekt befinden:

Object.keys(person).length
challenge icon

Aufgabe

Einfach

Schreibe eine Funktion namens analyzeShoppingCart, die ein Warenkorb-Objekt entgegennimmt. Das Warenkorb-Objekt enthält Artikel als Schlüssel und deren Mengen als Werte. Die Funktion sollte ein Objekt mit den folgenden Informationen zurückgeben:

  1. totalItems: Die Gesamtzahl der eindeutigen Artikel (Anzahl der Schlüssel)
  2. totalQuantity: Die Summe aller Mengen

Spickzettel

Die Object Klasse bietet statische Methoden für die Arbeit mit Objekten:

<b>Object.keys(obj)</b> – Gibt ein Array der Schlüssel zurück

<b>Object.values(obj)</b> – Gibt ein Array der Werte zurück

<b>Object.entries(obj)</b> – Gibt ein Array von [Schlüssel, Wert]-Paaren zurück

const person = {
    name: "John",
    age: 30,
    city: "New York"
};

const keys = Object.keys(person);
// ["name", "age", "city"]

const values = Object.values(person);
// ["John", 30, "New York"]

const entries = Object.entries(person);
// [["name", "John"], ["age", 30], ["city", "New York"]]

Ermitteln der Anzahl der Schlüssel in einem Objekt:

Object.keys(person).length

Probier es selbst

function analyzeShoppingCart(cart) {
    // Schreibe hier den Code
    
    
    return {
        totalItems: totalItems,
        totalQuantity: totalQuantity,
    };
}
// Schreibe nichts außerhalb der Funktion
quiz iconTeste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Alle Lektionen in Logik & Ablauf