Wat zijn JavaScript-objecten?
Objecten zijn de basisbouwstenen voor elke objectgerichte taal. JavaScript is een objectgeoriënteerde taal en vormt geen uitzondering op dit concept. Omdat JavaScript op grote schaal wordt gebruikt vanwege de mogelijkheid om webpagina's dynamisch gedrag te bieden, moet u op de hoogte zijn van JavaScript en weten hoe u met de objecten moet werken.
Objecten in javascript zijn een groep verschillende gegevenstypen of objecten samengevoegd als "sleutel / waarde" -paren. Het 'sleutel'-deel van het object is niets anders dan de objecteigenschappen.
Laten we bijvoorbeeld overwegen dat we een object 'Student' hebben, waarvan de eigenschappen zijn: voornaam, achternaam, leeftijd, student-id, klasse, etc. De javascript-objectrepresentatie voor dit studentobject zou als volgt worden weergegeven:
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
)
Merk op dat de eigenschappen voornaam, achternaam en klasse waarden van het gegevenstype String bevatten, terwijl leeftijd en student_id van het gegevenstype nummer zijn.
Hoe maak je een object in JavaScript?
Om objecten te maken, biedt javascript een paar opties waarmee men objecten naar eigen behoefte kan creëren.
1. Gebruik maken van de Syntaxis van Object Initializer
Syntaxis van de initialisatie van objecten is een lijst met eigenschapsnamen (sleutels) samen met hun respectieve waarden, ingesloten tussen accolades ((…)). In het bovenstaande voorbeeld hebben we het object 'student' gemaakt met behulp van de syntaxis van de initialisatie van het object. De syntaxis is als volgt:
var object = ( prop_1 : val_1,
prop_2 : val_2,
… … …
prop_n: val_n)
Hier zijn de eigenschappen van een primitief gegevenstype (string, nummer, Boolean, null en undefined zijn de primitieve gegevenstypes in javascript) of een ander object.
Bijvoorbeeld
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
parents : (father : 'Mrinal Rai', mother : 'Payal Rai')
)
Let op, hier is de eigenschap "ouders" van het type object. Het bestaat uit twee subeigenschappen, respectievelijk vader en moeder.
2. Gebruik maken van de constructorfunctie
Definieer in dit geval eerst een constructorfunctie met de bijbehorende eigenschappen, waarna het object wordt gemaakt met het trefwoord "new". Wijs vervolgens de waarden toe aan dit nieuw gemaakte object.
Bijvoorbeeld: Laten we een constructorfunctie beschouwen, zeg Student:
function Student(name, age, gender)(
this.name= name;
this.age = age;
this.gender = gender;
)
Merk op dat de constructornaam moet beginnen met hoofdletters volgens de naamgevingsconventie.
Laten we nu het object maken met behulp van het "nieuwe" trefwoord.
var myStudent = new Student('Anita Rai', 14, 'female');
Merk ook op dat we hier alleen de waarden aan de constructor doorgeven. De constructor wijst deze waarden toe aan de respectieve eigenschappen met behulp van het trefwoord "this". Naar het huidige object wordt verwezen met behulp van "dit" trefwoord.
3. Gebruik maken van het exemplaar van een object
Als alternatief kan men gebruik maken van de objectinstantie / objectconstructor om deze als volgt te maken en te initialiseren:
var student = new Object();
student.name = “Anita Rai”;
student.age = 14;
student.gender = “female”;
4. Gebruik maken van de methode Create () in Object Class
Je kunt ook objecten maken met de methode create () van de objectklasse. De methode create neemt een objectprototype als parameter. Hierdoor zou men kunnen vermijden om een constructorfunctie te schrijven.
Bijvoorbeeld
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Hier is 'student' ons prototypeobject. Laten we nu met behulp hiervan een ander object maken:
var student_1 = object.create(student);
Hier wordt het object student_1 gemaakt met het prototype van de student. Als u een van de waarden in dit nieuw gemaakte object moet wijzigen, gaat dat als volgt:
Student_1.name = “Ananya Gupta”;
Nu heeft student_1 object vergelijkbare eigenschapswaarden als die van student object behalve de eigenschap "naam".
Hoe toegang krijgen tot objecten in JavaScript?
Nu het object is gemaakt, is het volgende dat je moet weten, hoe komen we erbij? Welnu, javascript biedt twee manieren om toegang tot het object te krijgen:
1. Een objectinstantie gebruiken
Hier wordt de objectinstantie gebruikt om toegang te krijgen tot zijn eigenschappen.
Syntaxis: object.property
Bijvoorbeeld: bedenk dat we een objectstudent hebben gedefinieerd,
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Om het object en de eigenschappen ervan te openen, laten we het afdrukken naar console:
console.log (“Student” + student.name + “is” + student.age + “years old.”);
// output: Student Anamika Rai is 14 years old.
2. Gebruik vierkante haakjes
De objecteigenschap wordt tussen vierkante haken geplaatst achter het object zelf.
Syntaxis: object('property')
Bijvoorbeeld: toegang tot het bovenstaande studentenobject met vierkante haken,
console.log (“Student” + student('name') + “is” + student('age ') + “years old.”);
// output: Student Anamika Rai is 14 years old.
JavaScript-objectmethoden
Enkele veel gebruikte JavaScript-methoden zijn als volgt:
- create (): Zoals we hierboven al hebben gezien, wordt deze methode gebruikt om javascript-objecten te maken van een prototype-object.
- is (): deze methode neemt een tweede object als parameter op en bepaalt of beide objecten gelijk zijn en een Booleaanse waarde retourneren. Dat wil zeggen dat als beide objecten gelijk zijn, "waar" wordt geretourneerd, anders "onwaar".
- keys (): de methode keys () neemt het javascript-object op als een parameter en retourneert een reeks eigenschappen.
- waarden (): op dezelfde manier neemt de methode waarden een javascript-object op als een parameter en retourneert een array van de waarden.
- entries (): deze methode neemt ook een javascript-object op als parameter en retourneert een array met een andere array van beide sleutel / waarde-paren. Voorbeeld: Laten we nog eens kijken naar ons object 'student',
console.log(Object.entries(student));
//output: Array (Array ("name", "Anamika Rai"), Array ("age", 14), Array ("gender", "female"))
Conclusie
Dit artikel geeft een idee van wat JavaScript-objecten precies zijn en de verschillende manieren waarop u ze kunt maken. Het bespreekt ook de eigenschappen die deze objecten bezitten en hoe men er op verschillende manieren toegang toe heeft. Ten slotte zijn de meest gebruikte methoden die men moet weten om te werken met JavaScript-objecten.
Aanbevolen artikelen
Dit is een gids voor JavaScript-objecten. Hier bespreken we hoe u een object in JavaScript maakt en hoe u toegang krijgt tot objecten in JavaScript. U kunt ook de volgende artikelen bekijken voor meer informatie -
- Constructor in JavaScript
- Overschrijven in JavaScript
- Functies van JavaScript
- Hoe JavaScript werkt
- Object in Java