Đối tượng JavaScript

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 đã tìm hiểu về 7 kiểu dữ liệu nguyên thủy khác nhau. Và ở đây, bạn sẽ tìm hiểu về kiểu dữ liệu thứ tám (đối tượng JavaScript).

Đối tượng JavaScript là một kiểu dữ liệu không nguyên thủy cho phép bạn lưu trữ nhiều bộ sưu tập dữ liệu.

Lưu ý : Nếu bạn đã quen với các ngôn ngữ lập trình khác, các đối tượng JavaScript có một chút khác biệt. Bạn không cần phải tạo các lớp để tạo các đối tượng.

Đây là một ví dụ về một đối tượng JavaScript.

// 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 duy nhất.

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 khác nhau để khai báo các đối tượng JavaScript .

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 dấ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 phần 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 .