Maison > interface Web > js tutoriel > Créer dynamiquement des propriétés d'objets à l'aide de javascript

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

不言
Libérer: 2018-11-06 17:59:22
original
3223 Les gens l'ont consulté

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: ''
   };
Copier après la connexion
Copier après la connexion

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

obj.property1 = 'some value';
obj.property2 = 'some other value';
Copier après la connexion

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

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: ''
   };
Copier après la connexion
Copier après la connexion

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

obj['property_name'] = 'some_value';
Copier après la connexion

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

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!

Étiquettes associées:
source:php.cn
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