Maison > interface Web > js tutoriel > le corps du texte

Comment ajouter une propriété à un objet JavaScript en utilisant une variable comme nom ?

WBOY
Libérer: 2023-08-24 18:37:02
avant
1171 Les gens l'ont consulté

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

Dans cet article, vous apprendrez comment ajouter des propriétés aux objets JavaScript en utilisant des variables comme noms. L'ajout de propriétés à un objet peut être réalisé de deux manières. La première est la notation par points (.) et la seconde utilise des crochets ([]).

Exemple 1

Dans cet exemple, nous utilisons la notation point (.).

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)
Copier après la connexion

Instructions

  • Étape 1 - Définissez un objet, c'est-à-dire inputObject.

  • Étape 2 - Ajoutez des propriétés supplémentaires à l'objet en utilisant la notation par points.

  • Étape 3 - Afficher la valeur.

Exemple 2

Dans cet exemple,

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)
Copier après la connexion

Instructions

  • Étape 1 - Définissez un objet, c'est-à-dire inputObject.

  • Étape 2 - Ajoutez des propriétés supplémentaires à l'objet en utilisant la notation entre crochets.

  • Étape 3 - Afficher la valeur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:tutorialspoint.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!