Méthodes d’objet JavaScript ES5
ECMAScript 5 (2009) a ajouté de nombreuses nouvelles méthodes objet à JavaScript.
Gestion des objets
// Créer un objet avec un objet existant comme prototype
Objet.create()
// Ajout ou modification d’une propriété d’objet
Object.defineProperty(objet, propriété, descripteur)
// Ajout ou modification des propriétés d’un objet
Object.defineProperties(objet, descripteurs)
// Accéder aux propriétés
Object.getOwnPropertyDescriptor(objet, propriété)
// Renvoie toutes les propriétés sous forme de tableau
Object.getOwnPropertyNames(objet)
// Accéder au prototype
Objet.getPrototypeOf(objet)
// Retourne les propriétés énumérables sous forme de tableau
Objet.keys(objet)
Protéger des objets
// Empêche l’ajout de propriétés à un objet
Object.preventExtensions(objet)
// Renvoie true si des propriétés peuvent être ajoutées à un objet
Object.isExtensible(objet)
// Empêche les modifications des propriétés de l’objet (pas des valeurs)
Objet.sceau (objet)
// Renvoie true si l’objet est scellé
Object.isSealed(objet)
// Empêche toute modification d’un objet
Objet.freeze(objet)
// Renvoie true si l’objet est gelé
Object.isFrozen (objet)
Modification d’une valeur de propriété
Syntaxe
Object.defineProperty(objet, propriété, {valeur : valeur})
Cet exemple modifie une valeur de propriété :
Exemple
const personne = {
prénom : « John »,
nom : « Biche »,
langue : « EN »
} ;
// Changer une propriété
Object.defineProperty(person, « language », {value : « NO »});
Essayez-le vous-même »
Modification des métadonnées
ES5 permet de modifier les métadonnées de propriété suivantes :
writable : true // La valeur de la propriété peut être modifiée
enumerable : true // La propriété peut être énumérée
configurable : true // La propriété peut être reconfigurée
writable : false // La valeur de la propriété ne peut pas être modifiée
enumerable : false // La propriété ne peut pas être énumérée
configurable : false // La propriété ne peut pas être reconfigurée
ES5 permet de modifier les getters et les setters :
// Définition d’un getter
obtenir : fonction() { renvoyer la langue }
// Définition d’un setter
set : fonction(valeur) { langue = valeur }
Cet exemple rend le langage en lecture seule :
Object.defineProperty(person, « language », {writable:false});
Cet exemple rend le langage non énumérable :
Object.defineProperty(personne, « langue », {enumerable:false});
Liste de toutes les propriétés
Cet exemple répertorie toutes les propriétés d’un objet :
Exemple
const personne = {
prénom : « John »,
nom : « Biche »,
langue : « EN »
} ;
Object.defineProperty(personne, « langue », {enumerable:false});
Object.getOwnPropertyNames(personne); // Retourne un tableau de propriétés
Essayez-le vous-même »
Liste des propriétés énumérables
Cet exemple répertorie uniquement les propriétés énumérables d’un objet :
Exemple
const personne = {
prénom : « John »,
nom : « Biche »,
langue : « EN »
} ;
Object.defineProperty(personne, « langue », {enumerable:false});
Object.keys(personne); // Retourne un tableau de propriétés énumérables
Essayez-le vous-même »
Ajouter une propriété
Cet exemple ajoute une nouvelle propriété à un objet :
Exemple
// Crée un objet :
const personne = {
prénom : « John »,
nom : « Biche »,
langue : « EN »
} ;
// Ajouter une propriété
Object.defineProperty(person, « year », {value: »2008″});
Essayez-le vous-même »
Ajouter des getters et des setters
Le Object.defineProperty() peut également être utilisée pour ajouter des Getters et des Setters :
Exemple
//Créer un objet
const person = {firstName: »John », lastName: »Doe »} ;
// Définition d’un getter
Object.defineProperty(person, « fullName », {
get : function() {return this.firstName + » » + this.lastName ;}
});
Essayez-le vous-même »
Un contre-exemple
Exemple
// Définir l’objet
const obj = {compteur : 0} ;
// Définir les setters
Objet.defineProperty(obj, « réinitialiser », {
obtenir : fonction () {this.counter = 0;}
});
Object.defineProperty(obj, « incrément », {
obtenir : fonction () {this.counter++;}
});
Object.defineProperty(obj, « décrémenter », {
get : fonction () {this.counter–;}
});
Objet.defineProperty(obj, « ajouter », {
set : fonction (valeur) {this.counter += valeur ;}
});
Object.defineProperty(obj, « soustraire », {
set : fonction (i) {this.counter -= i;}
});
// Jouez avec le compteur :
obj.reset;
obj.add = 5 ;
obj. soustraire = 1 ;
obj.incrément ;
obj.decrement;
Essayez-le vous-même »
#Méthodes #dobjet #JavaScript #ES5