Об'єкти JavaScript (з прикладами)

У цьому посібнику ви дізнаєтесь про об'єкти JavaScript за допомогою прикладів.

У підручнику з типів даних JavaScript ви дізналися про 7 різних примітивних типів даних. І ось, ви збираєтеся дізнатися про восьмий>// object const student = ( firstName: 'ram', class: 10 );

Тут studentє об’єкт, що зберігає такі значення, як рядки та числа.

Декларація об’єкта JavaScript

Синтаксис для оголошення об’єкта:

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

Тут визначено об’єкт object_name. Кожен член об'єкта - це пара ключ - значення, розділена комами та заключена у фігурні дужки ().

Наприклад,

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

Ви також можете визначити об'єкт в одному рядку.

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

У наведеному вище прикладі nameі ageє ключами, і Johnі 20є значеннями відповідно.

Існують інші способи оголошення об’єкта в JavaScript. Щоб дізнатись більше, відвідайте Різні способи оголошення об’єктів JavaScript.

Властивості об’єкта JavaScript

У JavaScript пари "ключ: значення" називаються властивостями . Наприклад,

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

Тут name: 'John'і age: 20є властивості.

Властивості об’єкта JavaScript

Доступ до властивостей об’єкта

Ви можете отримати доступ до вартості властивості, використовуючи його ключ .

1. Використання крапкових позначень

Ось синтаксис крапкового позначення.

 objectName.key

Наприклад,

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

2. Використання дужки Позначення

Ось синтаксис нотації дужок.

 objectName("propertyName")

Наприклад,

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

Вкладені об'єкти JavaScript

Об’єкт також може містити інший об’єкт. Наприклад,

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

У наведеному вище прикладі об’єкт studentмістить значення об’єкта у marksвластивості.

Об’єктні методи JavaScript

У JavaScript об'єкт також може містити функцію. Наприклад,

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

Тут функція використовується як значення для ключа привітання. Ось чому нам потрібно використовувати person.greet()замість того, person.greetщоб викликати функцію всередині об'єкта.

JavaScript метод є властивістю , що містить оголошення функції. У наступному підручнику ви детально дізнаєтесь про методи JavaScript.

Цікаві статті...