U ovom ćete tutorijalu uz primjere naučiti o JavaScript objektima.
U vodiču za JavaScript tipove podataka naučili ste o 7 različitih primitivnih tipova podataka. I evo, naučit ćete o osmom>// object const student = ( firstName: 'ram', class: 10 );
Ovdje studentje objekt koji pohranjuje vrijednosti kao što su nizovi i brojevi.
Izjava o JavaScript objektu
Sintaksa za deklariranje objekta je:
const object_name = ( key1: value1, key2: value2 )
Ovdje object_nameje definiran objekt . Svaki član objekta je par ključ: vrijednost odvojen zarezima i zatvoren u vitičaste zagrade ().
Na primjer,
// object creation const person = ( name: 'John', age: 20 ); console.log(typeof person); // object
Objekt možete definirati i u jednom retku.
const person = ( name: 'John', age: 20 );
U gornjem primjeru namei agesu ključevi, a Johni 20vrijednosti.
Postoje i drugi načini deklariranja objekta u JavaScript-u. Da biste saznali više, posjetite Različiti načini deklariranja JavaScript objekata.
Svojstva objekta JavaScript
U JavaScriptu parovi "ključ: vrijednost" nazivaju se svojstvima . Na primjer,
let person = ( name: 'John', age: 20 );
Ovdje su name: 'John'i age: 20svojstva.
Svojstva JavaScript objekta
Pristup svojstvima objekta
Vrijednosti svojstva možete pristupiti pomoću njegovog ključa .
1. Korištenje točkastih notacija
Evo sintakse oznake točaka.
objectName.key
Na primjer,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person.name); // John
2. Korištenje nosača zagrada
Ovdje je sintaksa notacije zagrada.
objectName("propertyName")
Na primjer,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person("name")); // John
JavaScript ugniježđeni objekti
Objekt može sadržavati i drugi objekt. Na primjer,
// 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
U gornjem primjeru objekt studentsadrži vrijednost objekta u markssvojstvu.
JavaScript metode metoda
U JavaScript-u objekt može sadržavati i funkciju. Na primjer,
const person = ( name: 'Sam', age: 30, // using function as a value greet: function() ( console.log('hello') ) ) person.greet(); // hello
Ovdje se funkcija koristi kao vrijednost za ključ pozdrav. Zbog toga trebamo koristiti person.greet()umjesto person.greetpozivanja funkcije unutar objekta.
JavaScript metoda je svojstvo koje sadrži deklaraciju funkcije. U sljedećem ćete vodiču detaljno naučiti o JavaScript metodama.
