Objets JavaScript - Comment créer et accéder à un objet en JavaScript?

Table des matières:

Anonim

Que sont les objets JavaScript?

Les objets sont les blocs de construction de base pour chaque langage orienté objet. JavaScript étant un langage orienté objet ne fait pas exception à ce concept. Le javascript étant largement adopté en raison de sa capacité à fournir un comportement dynamique aux pages Web, il convient de connaître le javascript et la façon de travailler avec ses objets.

Les objets en javascript sont un groupe de différents types de données ou objets regroupés sous forme de paires «clé-valeur». La partie «clé» de l'objet n'est rien d'autre que les propriétés de l'objet.

Par exemple, considérons que nous avons un objet «Student», où ses propriétés sont: first_name, last_name, age, student_id, class, etc. La représentation d'objet javascript pour cet objet étudiant serait représentée comme suit:

var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
)

Notez ici que les propriétés first_name, last_name et class contiennent des valeurs de type de données String, alors que age et student_id sont du type de données number.

Comment créer un objet en JavaScript?

Afin de créer des objets, javascript fournit quelques options à l'aide desquelles on peut créer des objets selon ses besoins.

1. Utilisation de la syntaxe de l'initialiseur d'objets

La syntaxe de l'initialiseur d'objet est une liste de noms de propriété (clés) avec leurs valeurs respectives, entre accolades ((…)). Dans l'exemple ci-dessus, nous avons créé l'objet «étudiant» en utilisant la syntaxe d'initialisation d'objet. La syntaxe est la suivante:

var object = ( prop_1 : val_1,
prop_2 : val_2,
… … …
prop_n: val_n)

Ici, les propriétés sont soit d'un type de données primitif (chaîne, nombre, booléen, null et non défini sont les types de données primitifs en javascript) ou d'un autre objet.

Par exemple

var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
parents : (father : 'Mrinal Rai', mother : 'Payal Rai')
)

Remarque, ici la propriété «parents» est de type objet. Il se compose de deux sous-propriétés, respectivement père et mère.

2. Utilisation de la fonction constructeur

Dans ce cas, définissez d'abord une fonction constructeur avec ses propriétés respectives, puis créez son objet à l'aide du mot-clé «new». Attribuez ensuite les valeurs à cet objet nouvellement créé.

Par exemple: considérons une fonction constructeur, disons Student:

function Student(name, age, gender)(
this.name= name;
this.age = age;
this.gender = gender;
)

Notez que le nom du constructeur doit commencer par une majuscule conformément à la convention de dénomination.

Maintenant, créons l'objet en utilisant le "nouveau" mot-clé.

var myStudent = new Student('Anita Rai', 14, 'female');

Notez également que nous ne transmettons ici les valeurs qu'au constructeur. Le constructeur attribue ces valeurs aux propriétés respectives à l'aide du mot-clé «this». L'objet actuel est référencé à l'aide du mot-clé «this».

3. Utilisation de l'instance d'un objet

Alternativement, on pourrait utiliser l'instance d'objet / constructeur d'objet pour le créer et l'initialiser comme suit:

var student = new Object();
student.name = “Anita Rai”;
student.age = 14;
student.gender = “female”;

4. Utilisation de la méthode Create () dans la classe d'objets

On pourrait également créer des objets en utilisant la méthode create () fournie par la classe d'objets. La méthode create prend un prototype d'objet comme paramètre. De ce fait, on pourrait éviter d'avoir à écrire une fonction constructeur.

Par exemple

var student = ( name : “Anamika Rai”, age : 14, gender : “female” )

Ici «étudiant» est notre objet prototype. Maintenant, en utilisant cela, créons un autre objet:

var student_1 = object.create(student);

Ici, l'objet student_1 est créé à l'aide du prototype student. Si l'on doit changer l'une des valeurs en cet objet nouvellement créé, alors cela se fait comme suit:

Student_1.name = “Ananya Gupta”;

Désormais, l'objet student_1 a des valeurs de propriété similaires à celles de l'objet student, à l'exception de la propriété «nom».

Comment accéder aux objets en JavaScript?

Maintenant que l'objet est créé, la prochaine chose à savoir est de savoir comment y accéder. Eh bien, javascript offre deux façons d'utiliser celui qui pourrait accéder à l'objet:

1. Utilisation d'une instance d'objet

Ici, l'instance d'objet est utilisée pour accéder à ses propriétés.

Syntaxe: object.property

Par exemple: considérons que nous avons défini un objet étudiant,

var student = ( name : “Anamika Rai”, age : 14, gender : “female” )

Maintenant, pour accéder à l'objet et à ses propriétés, imprimons-le sur la console:

console.log (“Student” + student.name + “is” + student.age + “years old.”);
// output: Student Anamika Rai is 14 years old.

2. Utilisation de supports carrés

La propriété d'objet est placée entre crochets après l'objet lui-même.

Syntaxe: object('property')

Par exemple: accéder à l'objet étudiant ci-dessus à l'aide de crochets,

console.log (“Student” + student('name') + “is” + student('age ') + “years old.”);
// output: Student Anamika Rai is 14 years old.

Méthodes d'objet JavaScript

Peu de méthodes javascript les plus utilisées sont les suivantes:

  1. create (): Comme nous l'avons déjà vu ci-dessus, cette méthode est utilisée pour créer des objets javascript à partir d'un objet prototype.
  2. is (): cette méthode prend un deuxième objet comme paramètre et détermine si les deux objets sont égaux et renvoient une valeur booléenne. C'est-à-dire que si les deux objets sont égaux alors "vrai" est retourné, sinon "faux".
  3. keys (): La méthode keys () prend l'objet javascript en paramètre et retourne un tableau de ses propriétés.
  4. values ​​(): De même, la méthode values ​​prend un objet javascript comme paramètre et retourne un tableau de ses valeurs.
  5. entries (): cette méthode prend également un objet javascript comme paramètre et renvoie un tableau, contenant un autre tableau des deux paires clé-valeur. Exemple: considérons à nouveau notre objet «étudiant»,

console.log(Object.entries(student));
//output: Array (Array ("name", "Anamika Rai"), Array ("age", 14), Array ("gender", "female"))

Conclusion

Cet article donne une idée de ce que sont exactement les objets javascript et des différentes façons de les créer. Il discute également des propriétés que ces objets possèdent et comment on pourrait y accéder de différentes manières. Enfin, les méthodes les plus couramment utilisées dont il faut être conscient pour travailler avec des objets javascript.

Articles recommandés

Ceci est un guide des objets JavaScript. Nous discutons ici comment créer un objet en JavaScript et comment accéder aux objets en JavaScript. Vous pouvez également consulter les articles suivants pour en savoir plus -

  1. Constructeur en JavaScript
  2. Remplacement en JavaScript
  3. Fonctionnalités de JavaScript
  4. Fonctionnement de JavaScript
  5. Objet en Java