I denne vejledning lærer du om JavaScript-objekter ved hjælp af eksempler.
I JavaScript-datatypevisningen lærte du om 7 forskellige primitive datatyper. Og her skal du lære om det ottende>// object const student = ( firstName: 'ram', class: 10 );
Her studenter et objekt, der gemmer værdier såsom strenge og tal.
JavaScript-objekterklæring
Syntaksen for at erklære et objekt er:
const object_name = ( key1: value1, key2: value2 )
Her object_namedefineres et objekt . Hvert medlem af et objekt er en nøgle: værdipar adskilt af kommaer og lukket i krøllede parenteser ().
For eksempel,
// object creation const person = ( name: 'John', age: 20 ); console.log(typeof person); // object
Du kan også definere et objekt i en enkelt linje.
const person = ( name: 'John', age: 20 );
I ovenstående eksempel, nameog ageer nøgler, og Johnog 20er værdier henholdsvis.
Der er andre måder at erklære et objekt i JavaScript. Hvis du vil vide mere, skal du besøge forskellige måder at erklære JavaScript-objekter på.
JavaScript-objektegenskaber
I JavaScript kaldes "nøgle: værdi" -par for egenskaber . For eksempel,
let person = ( name: 'John', age: 20 );
Her, name: 'John'og age: 20er egenskaber.
JavaScript-objektegenskaber
Adgang til objektegenskaber
Du kan få adgang til værdien af en ejendom ved hjælp af dens nøgle .
1. Brug af dotnotation
Her er syntaksen for punktnotationen.
objectName.key
For eksempel,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person.name); // John
2. Brug af beslagnotation
Her er syntaksen for parentesnotationen.
objectName("propertyName")
For eksempel,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person("name")); // John
JavaScript nestede objekter
Et objekt kan også indeholde et andet objekt. For eksempel,
// 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 ovenstående eksempel studentindeholder et objekt en objektværdi i marksejendommen.
JavaScript-objektmetoder
I JavaScript kan et objekt også indeholde en funktion. For eksempel,
const person = ( name: 'Sam', age: 30, // using function as a value greet: function() ( console.log('hello') ) ) person.greet(); // hello
Her bruges en funktion som en værdi for hilsen-tasten. Derfor er vi nødt til at bruge i person.greet()stedet for person.greetat kalde funktionen inde i objektet.
En JavaScript- metode er en egenskab, der indeholder en funktionserklæring. I den næste tutorial lærer du mere om JavaScript-metoder.
