W tym samouczku dowiesz się o obiektach JavaScript przy pomocy przykładów.
W samouczku dotyczącym typów danych JavaScript poznałeś 7 różnych pierwotnych typów danych. Tutaj dowiesz się o ósmej>// object const student = ( firstName: 'ram', class: 10 );
Tutaj studentjest obiekt, który przechowuje wartości, takie jak łańcuchy i liczby.
Deklaracja obiektu JavaScript
Składnia deklarowania obiektu to:
const object_name = ( key1: value1, key2: value2 )
Tutaj object_namedefiniowany jest obiekt . Każdy element obiektu to para klucz: wartość oddzielona przecinkami i ujęta w nawiasy klamrowe ().
Na przykład,
// object creation const person = ( name: 'John', age: 20 ); console.log(typeof person); // object
Możesz także zdefiniować obiekt w jednej linii.
const person = ( name: 'John', age: 20 );
W powyższym przykładzie namei agesą kluczami i Johni 20są odpowiednio wartościami.
Istnieją inne sposoby zadeklarowania obiektu w JavaScript. Aby dowiedzieć się więcej, odwiedź stronę Różne sposoby deklarowania obiektów JavaScript.
Właściwości obiektu JavaScript
W JavaScript pary „klucz: wartość” nazywane są właściwościami . Na przykład,
let person = ( name: 'John', age: 20 );
Tutaj name: 'John'i age: 20są właściwości.
Właściwości obiektu JavaScript
Dostęp do właściwości obiektu
Dostęp do wartości właściwości można uzyskać za pomocą jej klucza .
1. Korzystanie z notacji kropkowej
Oto składnia notacji kropkowej.
objectName.key
Na przykład,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person.name); // John
2. Korzystanie z notacji w nawiasach
Oto składnia notacji nawiasów.
objectName("propertyName")
Na przykład,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person("name")); // John
Obiekty zagnieżdżone JavaScript
Obiekt może również zawierać inny obiekt. Na przykład,
// 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
W powyższym przykładzie obiekt studentzawiera wartość obiektu we markswłaściwości.
Metody obiektów JavaScript
W JavaScript obiekt może również zawierać funkcję. Na przykład,
const person = ( name: 'Sam', age: 30, // using function as a value greet: function() ( console.log('hello') ) ) person.greet(); // hello
Tutaj funkcja jest używana jako wartość klawisza powitania. Dlatego musimy używać person.greet()zamiast person.greetwywoływać funkcję wewnątrz obiektu.
Metoda JavaScript to właściwość zawierająca deklarację funkcji. W następnym samouczku szczegółowo poznasz metody JavaScript.
