Propriétés JavaScript
Les propriétés sont la partie la plus importante de tout objet JavaScript.
Propriétés JavaScript
Les propriétés sont les valeurs associées à un objet JavaScript.
Un objet JavaScript est une collection de propriétés non ordonnées.
Les propriétés peuvent généralement être modifiées, ajoutées et supprimées, mais certaines sont en lecture seule.
Accéder aux propriétés JavaScript
La syntaxe pour accéder à la propriété d’un objet est :
objectName.property // personne.age
ou
nom_objet[“property“] // personne[“age”]
ou
nom_objet[expression] // x = “âge” ; personne[x]
L’expression doit correspondre à un nom de propriété.
Exemple 2
personne[“firstname”] + ” est ” + personne[“age”] + ” ans.”;
Essayez-le vous-même »
JavaScript pour… dans la boucle
Le Javascript for...in L’instruction parcourt les propriétés d’un objet.
Syntaxe
pour (laisser variable dans objet) {
// code à exécuter
}
Le bloc de code à l’intérieur du for...in boucle sera exécutée une fois pour chaque propriété.
Parcourant les propriétés d’un objet :
Exemple
const personne = {
nom de famille:” John”,
nom:” Biche”,
âge : 25
} ;
pour (laisser x en personne) {
txt += personne[x];
}
Essayez-le vous-même »
Ajout de nouvelles propriétés
Vous pouvez ajouter de nouvelles propriétés à un objet existant en lui donnant simplement une valeur.
Supposons que l’objet personne existe déjà – vous pouvez alors lui donner de nouvelles propriétés :
Suppression de propriétés
Le delete mot-clé supprime une propriété d’un objet :
Exemple
const personne = {
prénom : “John”,
nom: “Biche”,
âge : 50 ans,
couleur des yeux : “bleu”
} ;
supprimer person.age ;
Essayez-le vous-même »
ou supprimer une personne[“age”];
Exemple
const personne = {
prénom : “John”,
nom: “Biche”,
âge : 50 ans,
couleur des yeux : “bleu”
} ;
supprimer une personne[“age”];
Essayez-le vous-même »
Le delete Le mot clé supprime à la fois la valeur de la propriété et la propriété elle-même.
Après la suppression, la propriété ne peut pas être utilisée avant d’être à nouveau ajoutée.
Le
delete L’opérateur est conçu pour être utilisé sur les propriétés de l’objet. Il n’a aucun effet sur les variables ou les fonctions.
Le delete L’opérateur ne doit pas être utilisé sur les propriétés d’objet JavaScript prédéfinies. Cela peut planter votre application.
Objets imbriqués
Les valeurs d’un objet peuvent être un autre objet :
Exemple
monObj = {
nom:”Jean”,
âge : 30 ans,
voitures: {
voiture1:”Ford”,
voiture2:”BMW”,
car3:”Fiat”
}
}
Vous pouvez accéder aux objets imbriqués en utilisant la notation par points ou la notation par crochet :
ou:
ou:
ou:
Tableaux et objets imbriqués
Les valeurs des objets peuvent être des tableaux et les valeurs des tableaux peuvent être des objets :
Exemple
const monObj = {
nom : “Jean”,
âge : 30 ans,
voitures: [
{name:”Ford”,
models:[“Fiesta”, “Focus”, “Mustang”]},
{name:”BMW”, modèles :[“320”, “X3”, “X5”]},
{name:”Fiat”, modèles :[“500”, “Panda”]}
]
}
Pour accéder aux tableaux à l’intérieur des tableaux, utilisez une boucle for-in pour chaque tableau :
Exemple
for (let i in myObj.cars) {
x += “
” + monObj.cars[i].nom + “
” ;
pour (let j dans myObj.cars[i].des modèles) {
x += monObj.cars[i].des modèles[j];
}
}
Essayez-le vous-même »
Attributs de propriété
Toutes les propriétés ont un nom. De plus, ils ont aussi une valeur.
La valeur est l’un des attributs de la propriété.
Les autres attributs sont : énumérables, configurables et inscriptibles.
Ces attributs définissent comment la propriété est accessible (est-elle lisible ?, est-elle accessible en écriture ?)
En JavaScript, tous les attributs peuvent être lus, mais seul l’attribut value peut être modifié (et uniquement si la propriété est accessible en écriture).
( ECMAScript 5 a des méthodes pour obtenir et définir tous les attributs de propriété)
Propriétés du prototype
Les objets JavaScript héritent des propriétés de leur prototype.
Le delete Le mot clé ne supprime pas les propriétés héritées, mais si vous supprimez une propriété de prototype, cela affectera tous les objets hérités du prototype.
#Propriétés #JavaScript
