Un objet javaScript est une entité ayant un état et un comportement (propriétés et méthode). Par exemple: voiture, stylo, vélo, chaise, verre, clavier, moniteur, etc.
JavaScript est un langage basé sur les objets.
JavaScript est basé sur un modèle et non sur une classe. Ici, nous ne créons pas de classe pour obtenir l’objet. Mais, nous créons directement des objets.
Création d’objets en JavaScript
Il existe 3 façons de créer des objets.
- Par objet littéral
- En créant une instance d’objet directement (en utilisant le mot clé new)
- En utilisant un constructeur d’objet (en utilisant le mot clé new)
1) JavaScript objet par object littéral
La syntaxe de création d’objet à l’aide d’objet littéral est donnée ci-dessous:
object={propriété1:valeur1,propriété2:valeur2.....propriétéN:valeurN}
Comme vous pouvez le constater, propriété et valeur sont séparées par: (deux points).
Voyons un exemple simple de création d’objet en JavaScript.
<script>
emp={id:155,nom:"Dalila Baraket",salaire:9000}
document.write(emp.id+" "+emp.nom+" "+emp.salaire);
</script>
Résultat :
155 Dalila Baraket 9000
2) En créant une instance d’objet
La syntaxe de création d’objet directement est donnée ci-dessous:
var objectname=new Object();
Ici, le mot-clé new est utilisé pour créer un objet.
Voyons un exemple de la création directe d’objet.
<script> var emp=new Object(); emp.id=103; emp.name="Refskov Barak"; emp.salary=7000; document.write(emp.id+" "+emp.nom+" "+emp.salaire); </script>
Résultat :
103 Raefskov 70000
3) En utilisant un constructeur d’Object
Ici, vous devez créer une fonction avec des arguments. Chaque valeur d’argument peut être assignée dans l’objet actuel à l’aide de ce mot clé.
Le mot-clé this fait référence à l’objet actuel.
Un exemple de création d’objet par constructeur est donné ci-dessous.
<script>
function emp(id,nom,salaire){
this.id=id;
this.nom=name;
this.salaire=salaire;
}
e=new emp(103,"Hadi Ghri",50000);
document.write(e.id+" "+e.nom+" "+e.salaire);
</script>
Résultat :
103 Hadi Ghri 50000
Définition de la méthode dans un objet JavaScript
Nous pouvons définir une méthode dans un objet JavaScript. Mais avant de définir la méthode, nous devons ajouter une propriété à la fonction portant le même nom que la méthode.
Un exemple de la définition de la méthode en objet est donné ci-dessous.
<script>
function emp(id,nom,salaire){
this.id=id;
this.nom=nom;
this.salaire=salaire;
this.changerSalaire=changerSalaire;
function changerSalaire(autreSalaire){
this.salaire=autreSalaire;
}
}
e=new emp(103,"Baida Bej",40000);
document.write(e.id+" "+e.nom+" "+e.salaire);
e.autreSalaire(5000);
document.write("<br>"+e.id+" "+e.nom+" "+e.salaire);
</script>
Résultat :
103 Baida Bej 40000 103 Baida Bej 50000
Méthodes de Object en JavaScript
Les différentes méthodes de Object sont les suivantes:
| S.No | Les méthodes | La description |
|---|---|---|
| 1 | Object.assign () | Cette méthode est utilisée pour copier des propriétés énumérables et propres d’un objet source vers un objet cible. |
| 2 | Object.create () | Cette méthode est utilisée pour créer un nouvel objet avec l’objet prototype et les propriétés spécifiés. |
| 3 | Object.defineProperty () | Cette méthode est utilisée pour décrire certains attributs comportementaux de la propriété. |
| 4 | Object.defineProperties () | Cette méthode est utilisée pour créer ou configurer plusieurs propriétés d’objet. |
| 5 | Object.entries () | Cette méthode retourne un tableau avec les tableaux de la paire clé / valeur. |
| 6 | Object.freeze () | Cette méthode empêche les propriétés existantes d’être supprimées. |
| 7 | Object.getOwnPropertyDescriptor () | Cette méthode retourne un descripteur de propriété pour la propriété spécifiée de l’objet spécifié. |
| 8 | Object.getOwnPropertyDescriptors () | Cette méthode renvoie tous les descripteurs de propriétés propres à un objet donné. |
| 9 | Object.getOwnPropertyNames () | Cette méthode retourne un tableau de toutes les propriétés (énumérables ou non) trouvées. |
| dix | Object.getOwnPropertySymbols () | Cette méthode retourne un tableau de toutes les propriétés de la clé de symbole. |
| 11 | Object.getPrototypeOf () | Cette méthode retourne le prototype de l’objet spécifié. |
| 12 | Object.is () | Cette méthode détermine si deux valeurs sont identiques. |
| 13 | Object.isExtensible () | Cette méthode détermine si un objet est extensible |
| 14 | Object.isFrozen () | Cette méthode détermine si un objet a été gelé. |
| 15 | Object.isSealed () | Cette méthode détermine si un objet est scellé. |
| 16 | Object.keys () | Cette méthode retourne un tableau des noms de propriétés propres à un objet donné. |
| 17 | Object.preventExtensions () | Cette méthode est utilisée pour empêcher toute extension d’un objet. |
| 18 | Object.seal () | Cette méthode empêche l’ajout de nouvelles propriétés et marque toutes les propriétés existantes comme non configurables. |
| 19 | Object.setPrototypeOf () | Cette méthode définit le prototype d’un objet spécifié sur un autre objet. |
| 20 | Object.values () | Cette méthode retourne un tableau de valeurs. |