Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie füge ich einem JavaScript-Objekt eine Eigenschaft hinzu, indem ich eine Variable als Namen verwende?

WBOY
Freigeben: 2023-08-24 18:37:02
nach vorne
1171 Leute haben es durchsucht

如何使用变量作为名称向 JavaScript 对象添加属性?

In diesem Artikel erfahren Sie, wie Sie Eigenschaften zu JavaScript-Objekten hinzufügen, indem Sie Variablen als Namen verwenden. Das Hinzufügen von Eigenschaften zu einem Objekt kann auf zwei Arten erfolgen. Die erste ist die Punktnotation (.) und die zweite die Verwendung von eckigen Klammern ([]).

Beispiel 1

In diesem Beispiel verwenden wir die Punktnotation (.).

var inputObject = {a: "value1"};
console.log("An object is created with properties: ", inputObject)

inputObject.b = "value2";

console.log("After adding properties, the object now contains: ", inputObject)
console.log(inputObject)
Nach dem Login kopieren

Anleitung

  • Schritt 1 – Definieren Sie ein Objekt, d. h. inputObject.

  • Schritt 2 – Fügen Sie dem Objekt mithilfe der Punktnotation zusätzliche Eigenschaften hinzu.

  • Schritt 3 – Wert anzeigen.

Beispiel 2

In diesem Beispiel

var inputObject = {a: "value1"};
console.log("An object is created with properties: ", inputObject)

inputObject['c'] = "value3"

console.log("After adding properties, the object now contains: ", inputObject)
console.log(inputObject)
Nach dem Login kopieren

Anleitung

  • Schritt 1 – Definieren Sie ein Objekt, d. h. inputObject.

  • Schritt 2 – Fügen Sie dem Objekt mithilfe der Klammernotation zusätzliche Eigenschaften hinzu.

  • Schritt 3 – Wert anzeigen.

Das obige ist der detaillierte Inhalt vonWie füge ich einem JavaScript-Objekt eine Eigenschaft hinzu, indem ich eine Variable als Namen verwende?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!