Objet et constructeurs d’objets en JavaScript?
Dans le monde vivant de la programmation orientée objet, nous connaissons déjà l’importance des classes et des objets mais contrairement à d’autres langages de programmation, JavaScript n’a pas les classes traditionnelles comme on le voit dans d’autres langages. Mais JavaScript a des objets et des constructeurs qui fonctionnent principalement de la même manière pour effectuer le même type d’opérations.
- Les constructeurs sont des fonctions générales de JavaScript qui sont utilisées avec le mot-clé « new ». Les constructeurs sont de deux types en JavaScript c’est-à-dire les constructeurs intégrés(tableau et objet) et les constructeurs personnalisés(définir les propriétés et les méthodes pour des objets spécifiques).
- Les constructeurs peuvent être utiles lorsque nous avons besoin d’un moyen de créer un « type » d’objet qui peut être utilisé plusieurs fois sans avoir à redéfinir l’objet à chaque fois et cela pourrait être réalisé en utilisant la fonction Object Constructor. C’est une convention de mettre en majuscule le nom des constructeurs pour les distinguer des fonctions régulières.
Par exemple, considérez le code suivant :
function Automobile(color) { this.color=color; } var vehicle1 = new Automobile ("red"); La fonction « Automobile() » est un constructeur d’objets, et ses propriétés et méthodes i.e « color » est déclarée à l’intérieur de celui-ci en le préfixant par le mot clé « this ». Les objets définis à l’aide d’un constructeur d’objet sont ensuite rendus instants à l’aide du mot clé « new ».
Lorsque new Automobile() est appelé, JavaScript fait deux choses :
- Il crée un nouvel objet frais(instance) Automobile() et l’affecte à une variable.
- Il définit la propriété du constructeur c’est-à-dire « couleur » de l’objet à Automobile.
MéthodeObject.keys()
La méthodeObject.keys() est utilisée pour retourner un tableau dont les éléments sont des chaînes de caractères correspondant aux propriétés énumérables trouvées directement sur un objet. L’ordre des propriétés est le même que celui donné par l’objet manuellement dans une boucle est appliquée aux propriétés.
Object.keys() prend l’objet comme argument dont les propriétés propres énumérables doivent être retournées et renvoie un tableau de chaînes de caractères qui représentent toutes les propriétés énumérables de l’objet donné.
Applications:
- Object.keys() est utilisé pour retourner les propriétés énumérables d’un tableau simple.
- Object.keys() est utilisé pour retourner les propriétés énumérables d’un objet de type tableau.
- Object.keys() est utilisé pour retourner les propriétés énumérables d’un objet de type tableau avec un ordre aléatoire des clés.
Syntaxe:
Object.keys(obj)
Paramètres utilisés:
- obj : C’est l’objet dont les propriétés énumérables doivent être retournées.
Valeur retournée:
Objet.keys() renvoie un tableau de chaînes de caractères qui représentent toutes les propriétés énumérables de l’objet donné.
Des exemples de la fonction ci-dessus sont fournis ci-dessous.
Exemples:
Input : var check = ; console.log(Object.keys(check));Output :
Explication : Dans cet exemple, un tableau « check » a trois valeurs de propriétés et la méthode object.keys() renvoie les propriétés énumérables de ce tableau. L’ordre des propriétés est le même que celui donné par l’objet manuellement.
Input : var object = { 0: 'x', 1: 'y', 2: 'z' }; console.log(Object.keys(object));Output :
Explication : Dans cet exemple, un tableau comme l’objet « check » a trois valeurs de propriétés { 0 : ‘x’, 1 : ‘y’, 2 : ‘z’ } et la méthode object.keys() retourne les propriétés énumérables de ce tableau. L’ordre des propriétés est le même que celui donné par l’objet manuellement.
Input : var object = { 70: 'x', 21: 'y', 35: 'z' }; console.log(Object.keys(object));Output :
Explication : Dans cet exemple, un tableau comme l’objet « check » a trois valeurs de propriétés { 70 : ‘x’, 21 : ‘y’, 35 : ‘z’ } dans un ordre aléatoire et la méthode object.keys() renvoie les propriétés énumérables de ce tableau dans l’ordre croissant de la valeur des indices.
Les codes de la fonction ci-dessus sont fournis ci-dessous.
Code 1 :
<script> var check = ; console.log(Object.keys(check)); </script> SORTIE :
Code 2 :
<script> var object = { 0: 'x', 1: 'y', 2: 'z' }; console.log(Object.keys(object)); </script> SORTIE :
Code 3 :
<script> var object = { 70: 'x', 21: 'y', 35: 'z' }; console.log(Object.keys(object)); </script> SORTIE :