Comment ajouter une propriété à un objet en JavaScript

Comment Ajouter Une Propriete A Un Objet En Javascript



Les objets JavaScript gèrent plusieurs propriétés qui sont les valeurs de la paire de clés. Ces propriétés sont utilisées pour spécifier les qualités et les caractéristiques d'un objet défini en JavaScript. Lorsque les objets sont créés, leurs propriétés pertinentes peuvent être ajoutées, supprimées et modifiées dynamiquement. Plus précisément, plusieurs méthodes JavaScript sont disponibles pour ajouter des propriétés à un objet.

Cet article indiquera les multiples méthodes pour ajouter une propriété à un objet en JavaScript.







Comment ajouter/insérer une propriété à un objet en JavaScript ?

Nous allons maintenant couvrir les méthodes suivantes pour ajouter des propriétés à un objet :



Méthode 1 : ajouter une propriété à un objet à l'aide de la notation par points (.)

La notation par points est une méthode pour accéder à la propriété d'un objet. Lorsque vous écrivez en notation par points, vous devez d'abord écrire le nom de l'objet, puis un point (.), puis insérer le nom de la propriété.



Exemple

Tout d'abord, déclarez un objet à l'aide du ' laisser ” mot-clé et affectez les propriétés à l'objet défini dans le bloc :





laisser obj = {
nom : 'Officier' ,
âge : 14 ,
} ;

Utilisez le ' console.log() 'méthode et passer l'argument' obj ” pour afficher sur la console :

console. enregistrer ( obj ) ;

Maintenant, ajoutez la propriété à l'aide de la notation par points :



obj. éducation = 'Ingénieur logiciel' ;

Afficher la sortie sur la console :

console. enregistrer ( obj ) ;

Sortir

Méthode 2 : ajouter une propriété à un objet à l'aide de la méthode Object.assign()

On peut aussi utiliser le ' attribuer() ” méthode intégrée de JavaScript pour ajouter les propriétés dans un objet. Le ' Objet.assign() ' est une méthode statique de JavaScript qui est utilisée pour copier toutes les fonctionnalités et propriétés dénombrables d'un ou plusieurs objets source pour cibler l'objet.

Syntaxe

Pour utiliser la méthode object.assign(), vérifiez la syntaxe donnée :

Objet . attribuer ( cible , source ) ;

Dans la syntaxe ci-dessus :

  • ' cible ” détermine l'objet dans lequel les valeurs de propriété vont être copiées.
  • ' source ” indique l'objet dans lequel les valeurs de propriété respectives doivent être copiées.

Exemple

Dans cet exemple, déclarez d'abord une variable et affectez les propriétés. Ensuite, déclarez une autre variable en suivant la même procédure :

laisser l'employé = { nom : 'Diane' , âge : 23 } ;
laisser des informations = { genre : 'Femme' , nationalité : 'Canadien' } ;

Utilisez le ' Objet.assign() ” et transmettez les arguments, où le premier paramètre est l'objet cible et le second paramètre est l'objet source. Cette méthode copiera toutes les valeurs sources dans la valeur ciblée :

Objet . attribuer ( employé , information ) ;

Ensuite, invoquez le ' console.log() ” méthode pour afficher le résultat sur la console :

console. enregistrer ( employé ) ;
console. enregistrer ( information ) ;

Sortir

Méthode 3 : ajouter une propriété à un objet à l'aide de la méthode Object.defineProperty()

Le ' Objet.defineProperty() ' est une méthode statique JavaScript utilisée pour définir la dernière et la nouvelle propriété directement sur un objet ou pour modifier la propriété existante d'un objet et renvoyer l'objet.

Syntaxe

Pour utiliser le ' Objet.defineProperty() ”, suivez la syntaxe donnée :

Objet . définirPropriété ( obj , nouvelle_propriété , configuration ) ;

Ici:

  • ' obj » fait référence à l'objet.
  • ' nouvelle_propriété ” détermine la propriété qui sera ajoutée.
  • ' configuration ” définit la valeur qui peut être changée et modifiée.

Exemple

Déclarez un objet à l'aide du ' laisser ' mot-clé:

laisser obj = { } ;

Utilisez le ' Objet.defineProperty() ” et transmettez les arguments, puis définissez la valeur de la propriété inscriptible sur true. Par conséquent, la propriété id de l'objet obj peut être modifiée maintenant :

Objet . définirPropriété ( obj , 'identifiant' , {
valeur : 137 ,
inscriptible : vrai
} ) ;

Ajouter une propriété à l'aide de ' obj.id ” et attribuez la valeur :

obj. identifiant = 214 ;

Selon les arguments passés, la console affichera la valeur de propriété modifiée :

console. enregistrer ( 'Identifiant de l'objet :' , obj. identifiant ) ;

Définissez la valeur de la propriété inscriptible sur false. Par conséquent, la propriété name de l'objet obj ne peut plus être modifiée :

Objet . définirPropriété ( obj , 'nom' , {
valeur : 'Officier' ,
inscriptible : FAUX } ) ;

Ajouter une propriété à l'aide de ' nom.obj ” et attribuez la valeur :

obj. nom = 'Hafsa Javed' ;

Selon les arguments passés, la console n'affichera pas la nouvelle valeur de propriété passée (Hafsa Javed) mais la valeur plus ancienne (Hafsa):

console. enregistrer ( 'Nom de l'objet :' , obj. nom ) ;

Il s'agit d'ajouter la propriété à un objet en JavaScript.

Conclusion

Pour ajouter la propriété à un objet en JavaScript, plusieurs méthodes peuvent être utilisées. Les utilisateurs peuvent ajouter la propriété à un objet en utilisant ' notation pointée (.) ”, “ Objet.assign() » ou la méthode « Objet.defineProperty() ' méthode. Ce message indiquait les multiples méthodes pour ajouter la propriété à un objet en JavaScript.