I denna handledning lär du dig om JavaScript-objekt med hjälp av exempel.
I guiden JavaScript-datatyper lärde du dig om 7 olika primitiva datatyper. Och här ska du lära dig mer om den åttonde>// object const student = ( firstName: 'ram', class: 10 );
Här studentär ett objekt som lagrar värden som strängar och siffror.
JavaScript-deklaration
Syntaksen för att förklara ett objekt är:
const object_name = ( key1: value1, key2: value2 )
Här object_namedefinieras ett objekt . Varje medlem i ett objekt är en nyckel: värdepar avgränsade med kommatecken och inneslutna i lockiga parenteser ().
Till exempel,
// object creation const person = ( name: 'John', age: 20 ); console.log(typeof person); // object
Du kan också definiera ett objekt i en rad.
const person = ( name: 'John', age: 20 );
I exemplet ovan, nameoch ageär nycklar, Johnrespektive 20värden.
Det finns andra sätt att deklarera ett objekt i JavaScript. Om du vill veta mer besöker du olika sätt att förklara JavaScript-objekt.
Egenskaper för JavaScript-objekt
I JavaScript kallas "key: value" -par för egenskaper . Till exempel,
let person = ( name: 'John', age: 20 );
Här name: 'John'och age: 20är egenskaper.
JavaScript-objektegenskaper
Åtkomst till objektegenskaper
Du kan komma åt värdet på en fastighet med hjälp av dess nyckel .
1. Använda punktnotering
Här är syntaxen för punktnotationen.
objectName.key
Till exempel,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person.name); // John
2. Använda konsolnotation
Här är syntaxen för parentesnotationen.
objectName("propertyName")
Till exempel,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person("name")); // John
JavaScript kapslade objekt
Ett objekt kan också innehålla ett annat objekt. Till exempel,
// 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
I exemplet ovan studentinnehåller ett objekt ett objektvärde i marksegenskapen.
JavaScript-objektmetoder
I JavaScript kan ett objekt också innehålla en funktion. Till exempel,
const person = ( name: 'Sam', age: 30, // using function as a value greet: function() ( console.log('hello') ) ) person.greet(); // hello
Här används en funktion som ett värde för hälsningsknappen. Det är därför vi måste använda person.greet()istället för person.greetatt ringa funktionen inuti objektet.
En JavaScript- metod är en egenskap som innehåller en funktionsdeklaration. I nästa handledning lär du dig mer om JavaScript-metoder.
