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

Les objets JavaScript gèrent plusieurs propriétés qui sont les valeurs de 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, il existe plusieurs méthodes de JavaScript disponibles pour ajouter des propriétés à un objet.

Ce message 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?

Maintenant, nous couvrirons les méthodes suivantes pour ajouter des propriétés à un objet:

• Méthode 1: Ajouter une propriété en utilisant la notation de points (.)
• Méthode 2: Ajouter une propriété à l'aide de l'objet.Assign () Méthode
• Méthode 3: Ajouter une propriété à l'aide de l'objet.Méthode DefineProperty ()

Méthode 1: Ajouter une propriété à un objet utilisant la notation de points (.)

La notation du point est une méthode pour accéder à la propriété d'un objet. Lorsque vous écrivez en notation de 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 avec l'aide du «laisser”Mot-clé et attribuez les propriétés à l'objet défini dans le bloc:

Soit Obj =
Nom: 'Hafsa',
Âge: 14,
;

Utilisez le "console.enregistrer()"Méthode et passer l'argument"obj«Pour montrer sur la console:

console.log (obj);

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

obj.Education = «Ingénieur logiciel»;

Afficher la sortie sur la console:

console.log (obj);

Sortir

Méthode 2: Ajouter une propriété à un objet utilisant l'objet.Assign () Méthode

Nous pouvons également utiliser le «attribuer()”Méthode intégrée de JavaScript pour ajouter les propriétés dans un objet. Le "Objet.attribuer()"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 l'objet.Assign () Méthode, consultez la syntaxe donnée:

Objet.attribuer (cible, source);

Dans la syntaxe ci-dessus:

• "cible»Détermine l'objet dans lequel les valeurs de la propriété vont être copiées.
• "source»Indique l'objet où 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:

Laissez Employee = Name: 'Diana', âge: 23;
Soit Information = Gender: 'Female', nationalité: 'Canadien';

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

Objet.attribuer (employé, information);

Ensuite, invoquez le «console.enregistrer()”Méthode pour afficher le résultat sur la console:

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

Sortir

Méthode 3: Ajouter une propriété à un objet utilisant l'objet.Méthode DefineProperty ()

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

Syntaxe

Pour utiliser le «Objet.DefineProperty ()”Méthode, suivez la syntaxe donnée:

Objet.DefineProperty (obj, new_property, configuration);

Ici:

• "obj»Fait référence à l'objet.
• "new_property»Détermine la propriété qui sera ajoutée.
• "configuration»Définit la valeur qui peut être modifiée et modifiée.

Exemple

Déclarez un objet avec l'aide du «laisser" mot-clé:

Soit obj = ;

Utilisez le «Objet.DefineProperty ()«Méthode et transmettez les arguments, et définissez la valeur de la propriété écrivative comme vrai. Par conséquent, la propriété ID de l'objet obj peut être modifiée maintenant:

Objet.DefineProperty (obj, 'id',
Valeur: 137,
Écrivable: vrai
);

Ajoutez une propriété avec l'aide de "obj.identifiant»Et attribuez la valeur:

obj.id = 214;

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

console.journal ("ID d'objet:", obj.identifiant);

Définissez la valeur de la propriété écrivative comme fausse. En conséquence, la propriété du nom de l'objet obj ne peut pas être modifiée maintenant:

Objet.DefineProperty (obj, 'name',
Valeur: 'Hafsa',
Writable: false);

Ajoutez une propriété avec l'aide de "obj.nom»Et attribuez la valeur:

obj.name = 'hafsa javed';

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

console.log ("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 de points (.)","Objet.attribuer()«Méthode, ou le«Objet.DefineProperty ()" méthode. Ce message a indiqué les multiples méthodes pour ajouter la propriété à un objet en JavaScript.