Trong hướng dẫn này, bạn sẽ tìm hiểu về các đối tượng JavaScript với sự trợ giúp của các ví dụ.
Trong hướng dẫn về kiểu dữ liệu JavaScript, bạn đã học về 7 kiểu dữ liệu nguyên thủy khác nhau. Và ở đây, bạn sẽ tìm hiểu về phần thứ tám>// object const student = ( firstName: 'ram', class: 10 );
Đây, studentlà một đối tượng lưu trữ các giá trị như chuỗi và số.
Khai báo đối tượng JavaScript
Cú pháp để khai báo một đối tượng là:
const object_name = ( key1: value1, key2: value2 )
Ở đây, một đối tượng object_nameđược xác định. Mỗi thành viên của một đối tượng là một cặp khóa: giá trị được phân tách bằng dấu phẩy và được đặt trong dấu ngoặc nhọn ().
Ví dụ,
// object creation const person = ( name: 'John', age: 20 ); console.log(typeof person); // object
Bạn cũng có thể xác định một đối tượng trong một dòng.
const person = ( name: 'John', age: 20 );
Trong ví dụ trên, namevà agelà các khóa, và Johnvà 20là các giá trị tương ứng.
Có nhiều cách khác để khai báo một đối tượng trong JavaScript. Để tìm hiểu thêm, hãy truy cập Các cách khai báo đối tượng JavaScript khác nhau.
Thuộc tính đối tượng JavaScript
Trong JavaScript, cặp "key: value" được gọi là thuộc tính . Ví dụ,
let person = ( name: 'John', age: 20 );
Đây, name: 'John'và age: 20là tài sản.
Thuộc tính đối tượng JavaScript
Truy cập thuộc tính đối tượng
Bạn có thể truy cập giá trị của một thuộc tính bằng cách sử dụng khóa của nó .
1. Sử dụng ký hiệu dấu chấm
Đây là cú pháp của ký hiệu dấu chấm.
objectName.key
Ví dụ,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person.name); // John
2. Sử dụng ký hiệu ngoặc
Đây là cú pháp của ký hiệu dấu ngoặc.
objectName("propertyName")
Ví dụ,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person("name")); // John
Các đối tượng lồng nhau trong JavaScript
Một đối tượng cũng có thể chứa một đối tượng khác. Ví dụ,
// 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
Trong ví dụ trên, một đối tượng studentchứa một giá trị đối tượng trong thuộc markstính.
Phương thức đối tượng JavaScript
Trong JavaScript, một đối tượng cũng có thể chứa một hàm. Ví dụ,
const person = ( name: 'Sam', age: 30, // using function as a value greet: function() ( console.log('hello') ) ) person.greet(); // hello
Ở đây, một hàm được sử dụng làm giá trị cho khóa chào. Đó là lý do tại sao chúng ta cần sử dụng person.greet()thay vì person.greetđể gọi hàm bên trong đối tượng.
Phương thức JavaScript là một thuộc tính chứa một khai báo hàm. Trong hướng dẫn tiếp theo, bạn sẽ tìm hiểu chi tiết về các Phương thức JavaScript.
