Créer dynamiquement des propriétés d'objets à l'aide de javascript

JavaScript orienté objet offre une grande flexibilité lors du codage côté client, et les propriétés des objets Javascript aident à définir des valeurs qui peuvent être utilisées dans l'objet pour gérer et utiliser les données.

Ma compréhension des propriétés en JavaScript est qu'en javascript, les propriétés peuvent être créées en définissant des variables sur des objets texte.

Par exemple

var obj = {
   property1: '',
   property2: ''
   };

Désormais, ces propriétés sont accessibles en utilisant

obj.property1 = 'some value';
obj.property2 = 'some other value';

De même, elles peuvent également être utilisées dans des fonctions à l'intérieur de l'objet Object.

Par exemple :

var obj = {
   property1: '',
   property2: '',
   foo : function(){
           console.log(obj.property1);
   }};

Maintenant que nous savons comment créer des propriétés sur des objets javascript, voyons comment créer des propriétés dynamiques sur Javascript

Il existe deux façons de faites-le Faites ceci

Définissez des propriétés dynamiques de type tableau sur les objets Javascript

Prenons le même exemple que ci-dessus :

var obj = {
   property1: '',
   property2: ''
   };

Pour créer une propriété dynamique sur un objet Objo, on peut faire ceci :

obj['property_name'] = 'some_value';

Ce qu'il fait, c'est qu'il crée une nouvelle propriété obj sur l'objet et vous pouvez y accéder en tant que console.log(obj.property_name) ;

Cela affichera la valeur some_value sur la console

Définissez les propriétés dynamiques à l'aide de Object.defineProperty.

Exemple :

// Example of an object property added with defineProperty with a data property descriptor
Object.defineProperty(obj, "property3", {value : 'some value',
                           writable : true,
                           enumerable : true,
                           configurable : true});
// 'property3' property exists on object obj and its value is 37

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!