Objekte erstellen
Um ein Objekt in JavaScript zu erstellen,
gibt es verschiedene Möglichkeiten.
Einige davon möchte ich hier vorstellen.
Einige davon möchte ich hier vorstellen.
Objektliteral::
Das ist die einfachste und häufigste Methode. Du schreibst das Objekt direkt mit geschweiften Klammern {}.
Du legst das Objekt direkt fertig an, mit seinen Eigenschaften.
Ach ja: Ein Objekt beginnt IMMER mit einem Großbuchstaben!
In unseren Beispielen sind name und alter die jeweiligen Eigenschaften des Objektes.
const PersonPrototype = {
// Erzeugen der Eigenschaften
name: "Anna",
alter: 25
};
// Erzeugen der Instanzen
const person = Object.create(PersonPrototype);
// Die Eigenschaften der neuen Instanz befüllen
person.name = "Ben";
person.alter = 38;
Mit new Object()::
Hier erstellst Du erst ein leeres Objekt und gibst ihm danach Eigenschaften.
Du startest mit einem leeren Behälter und füllst ihn danach.
const Person = new Object();
// Erzeugen der Eigenschaften und befüllen
Person.name = "Anna";
Person.alter = 25;
Mit einer Konstruktorfunktion::
Das ist praktisch, wenn Du viele Instanzen des Objektes brauchst.
Du baust Dir eine Vorlage und kannst daraus viele Instanzen erzeugen.
function Person( name, alter ) {
// Erzeugen der Eigenschaften
this.name = name;
this.alter = alter;
}
// Erzeugen der Instanzen
const p1 = new Person("Anna", 25);
const p2 = new Person("Ben", 30);
ODER:
// Instanzen ablegen in ein Array
const instArr = [];
instArr['p1'] = new Person("Anna", 25);
instArr['p2'] = new Person("Ben", 30);
Ich persönlich bevorzuge die dritte Variante.
Das ist die einfachste und häufigste Methode. Du schreibst das Objekt direkt mit geschweiften Klammern {}.
Du legst das Objekt direkt fertig an, mit seinen Eigenschaften.
Ach ja: Ein Objekt beginnt IMMER mit einem Großbuchstaben!
In unseren Beispielen sind name und alter die jeweiligen Eigenschaften des Objektes.
const PersonPrototype = {
// Erzeugen der Eigenschaften
name: "Anna",
alter: 25
};
// Erzeugen der Instanzen
const person = Object.create(PersonPrototype);
// Die Eigenschaften der neuen Instanz befüllen
person.name = "Ben";
person.alter = 38;
Mit new Object()::
Hier erstellst Du erst ein leeres Objekt und gibst ihm danach Eigenschaften.
Du startest mit einem leeren Behälter und füllst ihn danach.
const Person = new Object();
// Erzeugen der Eigenschaften und befüllen
Person.name = "Anna";
Person.alter = 25;
Mit einer Konstruktorfunktion::
Das ist praktisch, wenn Du viele Instanzen des Objektes brauchst.
Du baust Dir eine Vorlage und kannst daraus viele Instanzen erzeugen.
function Person( name, alter ) {
// Erzeugen der Eigenschaften
this.name = name;
this.alter = alter;
}
// Erzeugen der Instanzen
const p1 = new Person("Anna", 25);
const p2 = new Person("Ben", 30);
ODER:
// Instanzen ablegen in ein Array
const instArr = [];
instArr['p1'] = new Person("Anna", 25);
instArr['p2'] = new Person("Ben", 30);