Propriétés d'objet JavaScript

PropriétésIl s'agit de l'association entre le nom (clé) et la valeur à l'intérieur de l'objet, et il peut contenir n'importe quel type de données.

PropriétésElles font généralement référence aux caractéristiques d'un objet.

Elles peuvent généralement être modifiées, ajoutées et supprimées, mais certaines propriétés sont en lecture seule.

Accès aux propriétés JavaScript

Il existe deux méthodes pour accéder aux propriétés des objets :

• Notation point : .

• Symbole d'accolade : []

Retourons à l'exemple d'objet originaluser.

user.firstName;

user["firstName"];

Le point et les crochets sont souvent utilisés. Cependant, la notation point (.) est plus rapide et plus lisible.

Ajout de nouvelle propriété

Pour ajouter une nouvelle propriété à l'objet, vous pouvez utiliser l'opérateur d'affectation (=) pour assigner une nouvelle valeur à la propriété.

Supposons que l'objet utilisateur existe déjà-Ensuite, vous pouvez lui attribuer de nouvelles propriétés :

user.weapon = "Sword";

Attention : évitez d'utiliser des mots-clés réservés pour les noms de propriétés ou de méthodes.

Modification de propriété d'objet

Les propriétés d'un objet peuvent être modifiées en assignant une nouvelle valeur à une propriété existante.

var　user　=　{firstName:"Seagull",　lastName:"Anna",　age:}}22,　location:"New　Delhi"};
user.location = "Goa";

Suppression de propriété d'objet

Pour supprimer une propriété de l'objet, nous utiliserons la keyword delete.

L'opérateur delete est utilisé pour supprimer des propriétés d'un objet, il peut supprimer des propriétés d'un objet.

Le exemple suivant montre comment supprimer une propriété d'un objet :

var　user　=　{firstName:"Seagull",　lastName:"Anna",　age:}}22,　location:"New　Delhi"};
delete user.location;

L'opérateur delete supprime les deux valeurs de l'attribut et l'attribut lui-même.

Ne pas utiliser l'opérateur delete sur les propriétés prédéfinies des objets JavaScript. Cela pourrait faire planter votre application.

Parcourir les propriétés d'un objet

JavaScript possèdefor...inBoucle spécialement utilisée pour itérer sur les propriétés d'un objet.

Syntaxe :

for (variable in object) { statement to be executed }

Ceci est notre exemple principal d'utilisateur simplifié :

var　user　=　{firstName:"Seagull",　lastName:"Anna",　age:}}22,　location:"New　Delhi"};
for　(let　x　in　user)　{
　　　　document.write(x);
}

En utilisant des signes de parenthèse, nous pouvons récupérer la valeur de l'attribut comme une variable, dans cet exemple x :

for　(let　x　in　user)　{
document.write(user[x]);
}

for...inLa boucle ne devrait pas être utilisée avecfor...ofBoucle de confusion, qui n'est utilisée que sur les types d'objets Array.

Une autre méthode utile d'itération est la méthode Object.keys(), qui retourne un tableau des propriétés de l'objet.

//　Initialisez la méthode sur l'objet utilisateur pour retourner les clés des attributs
Object.keys(user);

Cette méthode nous permet d'utiliser les propriétés de l'objet comme un tableau, donc vous pouvez utiliser toutes les méthodes du tableau JavaScript.

Propriétés internes de l'attribut

Toutes les propriétés ont un nom. De plus, elles ont également des valeurs d'attribut.

Cette valeur est l'une des propriétés de l'attribut.

D'autres propriétés sont : enumerable, configurable et writable.

Ces propriétés définissent la manière d'accéder aux propriétés (lisible, écrivable).

En JavaScript, vous pouvez lire toutes les propriétés, mais vous ne pouvez modifier la valeur de la propriété (et uniquement lorsque la propriété est dans un état de lecture/écriture).