Quelles sont les propriétés énumérables en javascript

"Propriété énumérable«Est une propriété qui peut être récupérée et bouclée en utilisant un«pour… dans"Loop ou le"Objet.clés()" méthode. Par défaut, toutes les propriétés d'un objet sont énumérables, mais rendre les propriétés non énumérables peut les empêcher d'être modifiées ou supprimées accidentellement et rendre le code plus lisible. Si les propriétés de l'objet sont définies sur non-énumérables, cette propriété ne sera pas retournée par la boucle «pour… en» ou l'objet.Méthode Keys ().

Ce blog démontrera les propriétés énumérables en JavaScript.

Quelles sont les propriétés énumérables en javascript?

Dans JavaScript, une propriété énumérable est une propriété d'un objet qui peut être accessible et boucle en utilisant un «pour… dans"Loop ou le"Objet.clés()" méthode. Toutes les propriétés / clés d'un objet créé par l'initialisateur de propriétés ou une affectation simple sont énumérables, sauf si elles sont explicitement / spécifiquement définies sur non-énumérables en utilisant le "Objet.DefineProperty ()"Méthode et son attribut"Énumérable: faux".

Pour vérifier si les propriétés de l'objet sont énumérables ou non énumérables, utilisez le «PropertyIsEnumerable ()" méthode. Il donne une valeur booléenne "vrai», Si la propriété fournie est énumérable ailleurs, elle sort«FAUX".

Exemple

Créer un objet "étudiant»Et définissez leurs propriétés qui sont par défaut des propriétés énumérées:

const étudiant =
Nom: 'Steven',
Âge: 18,
Norme: 9
;

Créez une propriété non énumérable de l'objet "étudiant" en utilisant le Objet.DefineProperty ()«Méthode en définissant l'attribut énumérable à«FAUX»:

Objet.DefineProperty (étudiant, 'hobby',
Valeur: "Cricket",
Énumérable: faux,
);

Créez une autre propriété énumérable de l'objet en définissant son «dénuable" attribuer à "vrai»:

Objet.DefineProperty (étudiant, 'rollno',
Valeur: 15,
Énumérable: vrai,
);

Vérifiez les propriétés «énumérables» et «non énumérables» de l'objet en utilisant le «PropertyIsEnumerable ()" méthode:

console.Log ("'nom' est énumérable" + étudiant.PropertyIsEnumerable ('name'));
console.journal ("" Âge "est énumérable" + étudiant.PropertyIsEnumerable («Age»));
console.journal ("" standard "est énumérable" + étudiant.PropertyIsEnumerable («Standard»));
console.Log ("'hobby' est énumérable" + étudiant.PropertyIsennumable ('Hobby'));
console.Log ("'rollno' est énumérable" + étudiant.PropertyIsEnumerable ('rollno'));

Comme vous pouvez le voir, le «passe-temps"Est affiché comme"FAUX", Cela signifie que c'est une propriété non dénuable de l'objet"étudiant»:

Vous pouvez également vérifier que les propriétés d'objet sont énumérables ou non énumérables en utilisant le «pour… dans"Loop ou le"Objet.clés()" méthode. Parce que ces méthodes ne font que les propriétés énumérables et ne considèrent pas les non-énumérables.

Appeler le "pour… dans”Boucle pour imprimer toutes les clés de l'objet:

for (const Key in Student)
console.log (clé);

On peut observer que le «passe-temps«N'est pas itéré par le pour… en boucle car il s'agit d'une propriété non énumérable:

Maintenant, utilisez le «Objet.clés()”Méthode pour itérer l'objet:

console.journal (objet.Keys (étudiant));

Sortir

De plus, le «Objet.GetownPropertyNames ()«La méthode peut être utilisée pour obtenir tous les noms de propriété (énumérable ou non énumérable) d'un objet:

Objet.GetownPropertyNames (étudiant);

La sortie affiche toutes les propriétés de l'objet, y compris énumérable ou non énumérable:

C'est tout sur les propriétés énumérables en javascript.

Conclusion

"Propriété énumérable«Des objets sont les propriétés créées par l'initialisateur de propriétés ou des affectations simples qui sont énumérables à moins qu'elles ne soient explicitement définies sur. Les propriétés énumérées sont accessibles ou itérées à l'aide du «pour… dans"Loop ou le"Objet.clés()" méthode. Tandis que la propriété non énumérable ne sera pas retournée par le pour… en boucle ou objet.Méthode Keys (). Pour obtenir tous les attributs de l'objet, y compris énumérable ou non énumérable, utilisez le «Objet.GetownPropertyNames ()" méthode. Ce blog a démontré les propriétés énumérables en JavaScript.