Objets JavaScript
En JavaScript, les objets sont rois. Si vous comprenez les objets, vous comprenez JavaScript.
En JavaScript, presque “tout” est un objet.
- Les booléens peuvent être des objets (s’ils sont définis avec la
newmot-clé) - Les nombres peuvent être des objets (si définis avec le
newmot-clé) - Les chaînes peuvent être des objets (si elles sont définies avec le
newmot-clé) - Les dates sont toujours des objets
- Les mathématiques sont toujours des objets
- Les expressions régulières sont toujours des objets
- Les tableaux sont toujours des objets
- Les fonctions sont toujours des objets
- Les objets sont toujours des objets
Toutes les valeurs JavaScript, à l’exception des primitives, sont des objets.
Primitives JavaScript
UN valeur primitive est une valeur qui n’a ni propriétés ni méthodes.
3.14 est une valeur primitive
UN type de données primitif est une donnée qui a une valeur primitive.
JavaScript définit 7 types de types de données primitifs :
Exemples
stringnumberbooleannullundefinedsymbolbigint
Immuable
Les valeurs primitives sont immuables (elles sont codées en dur et ne peuvent pas être modifiées).
si x = 3,14, vous pouvez modifier la valeur de x, mais vous ne pouvez pas modifier la valeur de 3,14.
| Valeur | Taper | Commentaire |
|---|---|---|
| “Bonjour” | chaîne | “Bonjour” est toujours “Bonjour” |
| 3.14 | nombre | 3.14 est toujours 3.14 |
| vrai | booléen | vrai est toujours vrai |
| FAUX | booléen | faux est toujours faux |
| nul | nul (objet) | null est toujours nul |
| indéfini | indéfini | indéfini est toujours indéfini |
Les objets sont des variables
Les variables JavaScript peuvent contenir des valeurs uniques :
Les variables JavaScript peuvent également contenir de nombreuses valeurs.
Les objets sont aussi des variables. Mais les objets peuvent contenir de nombreuses valeurs.
Les valeurs d’objet sont écrites comme nom : valeur paires (nom et valeur séparés par deux-points).
Exemple
let person = {firstName:”John”, lastName:”Doe”, age:50, eyeColor:”blue”} ;
Essayez-le vous-même »
Un objet JavaScript est une collection de valeurs nommées
Il est courant de déclarer des objets avec le const mot-clé.
Exemple
const person = {firstName:”John”, lastName:”Doe”, age:50, eyeColor:”blue”} ;
Essayez-le vous-même »
Propriétés de l’objet
Les valeurs nommées, dans les objets JavaScript, sont appelées propriétés.
| Propriété | Valeur |
|---|---|
| prénom | John |
| nom de famille | Biche |
| âge | 50 |
| couleur des yeux | bleu |
Les objets écrits sous forme de paires nom-valeur sont similaires à :
- Tableaux associatifs en PHP
- Dictionnaires en Python
- Tables de hachage en C
- Cartes de hachage en Java
- Hachages en Ruby et Perl
Méthodes d’objet
Les méthodes sont Actions qui peut être effectué sur des objets.
Les propriétés d’objet peuvent être à la fois des valeurs primitives, d’autres objets et des fonctions.
Un méthode objet est une propriété d’objet contenant un définition de la fonction.
| Propriété | Valeur |
|---|---|
| prénom | John |
| nom de famille | Biche |
| âge | 50 |
| couleur des yeux | bleu |
| nom et prénom | function() {retourner this.firstName + ” ” + this.lastName ;} |
Les objets JavaScript sont des conteneurs pour des valeurs nommées, appelées propriétés et méthodes.
Vous en apprendrez plus sur les méthodes dans les chapitres suivants.
Création d’un objet JavaScript
Avec JavaScript, vous pouvez définir et créer vos propres objets.
Il existe différentes manières de créer de nouveaux objets :
- Créez un objet unique à l’aide d’un littéral d’objet.
- Créez un seul objet, avec le mot-clé
new. - Définissez un constructeur d’objet, puis créez des objets du type construit.
- Créer un objet à l’aide
Object.create().
Utilisation d’un littéral d’objet
C’est le moyen le plus simple de créer un objet JavaScript.
À l’aide d’un littéral d’objet, vous définissez et créez à la fois un objet dans une seule instruction.
Un objet littéral est une liste de paires nom:valeur (comme age:50) à l’intérieur d’accolades {}.
L’exemple suivant crée un nouvel objet JavaScript avec quatre propriétés :
Exemple
const person = {firstName:”John”, lastName:”Doe”, age:50, eyeColor:”blue”} ;
Essayez-le vous-même »
Les espaces et les sauts de ligne ne sont pas importants. Une définition d’objet peut s’étendre sur plusieurs lignes :
Exemple
const personne = {
prénom : “John”,
nom: “Biche”,
âge : 50 ans,
couleur des yeux : “bleu”
} ;
Essayez-le vous-même »
Cet exemple crée un objet JavaScript vide, puis ajoute 4 propriétés :
Exemple
const personne = {} ;
person.firstName = “John” ;
person.lastName = “Biche” ;
personne.âge = 50 ;
person.eyeColor = “bleu” ;
Essayez-le vous-même »
Utilisation du mot-clé JavaScript new
L’exemple suivant crée un nouvel objet JavaScript en utilisant new Object()puis ajoute 4 propriétés :
Exemple
const personne = nouvel objet();
person.firstName = “John” ;
person.lastName = “Biche” ;
personne.âge = 50 ;
person.eyeColor = “bleu” ;
Essayez-le vous-même »
Les exemples ci-dessus font exactement la même chose.
Mais il n’est pas nécessaire d’utiliser new Object().
Pour la lisibilité, la simplicité et la vitesse d’exécution, utilisez la méthode littérale d’objet.
Les objets JavaScript sont mutables
Les objets sont mutables : ils sont adressés par référence, et non par valeur.
Si personne est un objet, l’instruction suivante ne créera pas de copie de personne :
const x = personne ; // Ne créera pas de copie de person.
L’objet x est pas une copie de personne. Il est
personne. x et person sont le même objet.
Toute modification apportée à x modifiera également la personne, car x et la personne sont le même objet.
Exemple
const personne = {
prénom:”John”,
nom:”Biche”,
âge : 50 ans, couleur des yeux : “bleu”
}
const x = personne ;
x.âge = 10 ; // Changera à la fois x.age et person.age
Essayez-le vous-même »
#Objets #JavaScript
