In deze tutorial leer je aan de hand van voorbeelden over JavaScript-objecten.
In de zelfstudie over JavaScript-gegevenstypen hebt u over 7 verschillende primitieve gegevenstypen geleerd. En hier leer je over de achtste>// object const student = ( firstName: 'ram', class: 10 );
Hier studentis een object dat waarden opslaat zoals strings en getallen.
JavaScript-objectverklaring
De syntaxis om een object te declareren is:
const object_name = ( key1: value1, key2: value2 )
Hier wordt een object object_namegedefinieerd. Elk lid van een object is een sleutel / waarde- paar, gescheiden door komma's en tussen accolades ().
Bijvoorbeeld,
// object creation const person = ( name: 'John', age: 20 ); console.log(typeof person); // object
U kunt ook een object op één regel definiëren.
const person = ( name: 'John', age: 20 );
In het bovenstaande voorbeeld zijn nameen agesleutels, Johnen 20zijn respectievelijk waarden.
Er zijn andere manieren om een object in JavaScript te declareren. Ga voor meer informatie naar Verschillende manieren om JavaScript-objecten te declareren.
JavaScript-objecteigenschappen
In JavaScript worden "sleutel: waarde" -paren eigenschappen genoemd . Bijvoorbeeld,
let person = ( name: 'John', age: 20 );
Hier, name: 'John'en age: 20zijn eigendommen.
JavaScript-objecteigenschappen
Toegang tot objecteigenschappen
U kunt toegang krijgen tot de waarde van een eigenschap door de sleutel te gebruiken .
1. Met behulp van puntnotatie
Hier is de syntaxis van de puntnotatie.
objectName.key
Bijvoorbeeld,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person.name); // John
2. Gebruik de notatie tussen haakjes
Hier is de syntaxis van de haakjesnotatie.
objectName("propertyName")
Bijvoorbeeld,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person("name")); // John
JavaScript geneste objecten
Een object kan ook een ander object bevatten. Bijvoorbeeld,
// nested object const student = ( name: 'John', age: 20, marks: ( science: 70, math: 75 ) ) // accessing property of student object console.log(student.marks); // (science: 70, math: 75) // accessing property of marks object console.log(student.marks.science); // 70
In het bovenstaande voorbeeld studentbevat een object een objectwaarde in de markseigenschap.
JavaScript-objectmethoden
In JavaScript kan een object ook een functie bevatten. Bijvoorbeeld,
const person = ( name: 'Sam', age: 30, // using function as a value greet: function() ( console.log('hello') ) ) person.greet(); // hello
Hier wordt een functie gebruikt als een waarde voor de begroetingstoets. Daarom moeten we de functie in het object gebruiken in person.greet()plaats van person.greetaanroepen.
Een JavaScript- methode is een eigenschap die een functiedeclaratie bevat. In de volgende zelfstudie leert u in detail over JavaScript-methoden.
