Objekty JavaScript (s príkladmi)

V tomto výučbe sa naučíte o objektoch JavaScript pomocou príkladov.

V tutoriáli dátových typov JavaScript ste sa dozvedeli o 7 rôznych primitívnych dátových typoch. A tu sa dozviete o ôsmom>// object const student = ( firstName: 'ram', class: 10 );

Tu studentje objekt, ktorý ukladá hodnoty ako reťazce a čísla.

Deklarácia objektu JavaScript

Syntax na vyhlásenie objektu je:

 const object_name = ( key1: value1, key2: value2 )

Tu object_nameje definovaný objekt . Každý člen objektu je dvojica kľúč: hodnota oddelená čiarkami a zložená do zložených zátvoriek ().

Napríklad,

 // object creation const person = ( name: 'John', age: 20 ); console.log(typeof person); // object

Môžete tiež definovať objekt v jednom riadku.

 const person = ( name: 'John', age: 20 );

Vo vyššie uvedenom príklade sú namea agekľúče a Johnaa 20sú hodnoty.

Existujú ďalšie spôsoby, ako deklarovať objekt v JavaScripte. Ak sa chcete dozvedieť viac, navštívte rôzne spôsoby deklarovania objektov JavaScriptu.

Vlastnosti objektu JavaScript

V jazyku JavaScript sa páry „kľúč: hodnota“ nazývajú vlastnosti . Napríklad,

 let person = ( name: 'John', age: 20 );

Tu, name: 'John'a age: 20sú vlastnosti.

Vlastnosti objektu JavaScript

Prístup k vlastnostiam objektu

K hodnote nehnuteľnosti môžete získať prístup pomocou jej kľúča .

1. Používanie bodkovej notácie

Tu je syntax bodovej notácie.

 objectName.key

Napríklad,

 const person = ( name: 'John', age: 20, ); // accessing property console.log(person.name); // John

2. Použitie notácie v zátvorke

Tu je syntax zátvorky.

 objectName("propertyName")

Napríklad,

 const person = ( name: 'John', age: 20, ); // accessing property console.log(person("name")); // John

Vnorené objekty JavaScript

Objekt môže obsahovať aj iný objekt. Napríklad,

 // 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

Vo vyššie uvedenom príklade objekt studentobsahuje hodnotu objektu vo marksvlastnosti.

Metódy objektu JavaScript

V JavaScripte môže objekt obsahovať aj funkciu. Napríklad,

 const person = ( name: 'Sam', age: 30, // using function as a value greet: function() ( console.log('hello') ) ) person.greet(); // hello

Tu sa použije funkcia ako hodnota pre pozdravný kľúč. Preto musíme person.greet()namiesto person.greetvolania funkcie vo vnútri objektu použiť.

JavaScriptu metóda je vlastnosť, ktorá obsahuje deklaráciu funkcie. V ďalšom návode sa podrobne dozviete o metódach JavaScriptu.

Zaujímavé články...