Können Sie JavaScript-Objekten dynamisch Eigenschaften hinzufügen?

Dynamisches Hinzufügen von Eigenschaften in JavaScript-Objekten

Diese Untersuchung untersucht die Möglichkeit des dynamischen Hinzufügens von Eigenschaften zu einem JavaScript-Objekt nach seinem ersten Start, insbesondere wenn Die Eigenschaftsnamen sind bis zur Laufzeit unbekannt.

Anfangsobjekt Struktur

Betrachten Sie ein Objekt, das wie folgt definiert ist:

var data = {
    'PropertyA': 1,
    'PropertyB': 2,
    'PropertyC': 3
};

Dynamische Eigenschaftsaddition

Es stellt sich die Frage, ob es möglich ist, weitere hinzuzufügen Eigenschaften werden diesem Objekt dynamisch zugewiesen, wobei die Namen während der Laufzeit ermittelt werden. Angenommen, wir haben eine Variable propName, die einen aus Benutzereingaben abgeleiteten Eigenschaftsnamen speichert. Wie können wir dem Datenobjekt eine neue Eigenschaft mit diesem Namen hinzufügen?

Lösung

Ja, es ist tatsächlich möglich, Eigenschaften dynamisch zu JavaScript-Objekten hinzuzufügen. Zu diesem Zweck können Sie die Klammernotation verwenden, um auf Eigenschaften nach Namen zuzugreifen:

var propName = 'Property' + someUserInput
data[propName] = 4;

Durch das Einschließen des Eigenschaftsnamens in eckige Klammern können wir dynamisch auf Eigenschaften zugreifen und diese festlegen.

Beispiel

Betrachten Sie das Beispiel in der Frage:

var propName = 'Property' + 'Z'
data[propName] = 4;

// dialog box with 4 in it
alert(data.PropertyD);
alert(data["PropertyD"]);

In In diesem Beispiel fügen wir dem Datenobjekt dynamisch eine Eigenschaft „PropertyZ“ hinzu, auf die dann mithilfe der Klammer- oder Punktnotation zugegriffen werden kann.

Das obige ist der detaillierte Inhalt vonKönnen Sie JavaScript-Objekten dynamisch Eigenschaften hinzufügen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!