Ebben az oktatóanyagban példák segítségével megismerheti a JavaScript-objektumokat.
A JavaScript adattípusok oktatóprogramban 7 különböző primitív adattípust ismertett meg. És itt megismerheti a nyolcadikat// object const student = ( firstName: 'ram', class: 10 );
Itt studentegy objektum tárol értékeket, például karakterláncokat és számokat.
JavaScript objektumnyilatkozat
Az objektum deklarálásának szintaxisa:
const object_name = ( key1: value1, key2: value2 )
Itt egy objektumot object_namedefiniálunk. Az objektum minden tagja kulcs: értékpár vesszővel elválasztva és göndör zárójelben ().
Például,
// object creation const person = ( name: 'John', age: 20 ); console.log(typeof person); // object
Objektumot is definiálhat egyetlen sorban.
const person = ( name: 'John', age: 20 );
A fenti példában, nameés agekulcsok, és Johnés 20értékek.
Más módon is deklarálhatunk egy objektumot a JavaScript-ben. További információért keresse fel a JavaScript-objektumok deklarálásának különböző módjait.
JavaScript objektum tulajdonságai
A JavaScriptben a "key: value" párokat tulajdonságoknak nevezzük . Például,
let person = ( name: 'John', age: 20 );
Itt vannak name: 'John'és age: 20tulajdonságok.
JavaScript objektum tulajdonságai
Hozzáférés az objektum tulajdonságaihoz
A tulajdonság értékét annak kulcsával érheti el .
1. Pontjelölés használata
Itt van a pontjelzés szintaxisa.
objectName.key
Például,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person.name); // John
2. A zárójeles jelölés használata
Itt van a zárójeles jelölés szintaxisa.
objectName("propertyName")
Például,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person("name")); // John
JavaScript beágyazott objektumok
Egy objektum tartalmazhat másik objektumot is. Például,
// 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
A fenti példában egy objektum studentobjektum értéket tartalmaz a markstulajdonságban.
JavaScript objektum módszerek
A JavaScript-ben egy objektum funkciót is tartalmazhat. Például,
const person = ( name: 'Sam', age: 30, // using function as a value greet: function() ( console.log('hello') ) ) person.greet(); // hello
Itt egy függvényt használunk az üdvözlő gomb értékeként. Ezért kell használnunk az objektumon belüli függvény meghívása person.greet()helyett person.greet.
A JavaScript módszer egy tulajdonság deklarációt tartalmazó tulajdonság. A következő oktatóanyagban részletesen megismerheti a JavaScript-módszereket.
