Đối tượng JavaScript: Hướng dẫn Cần thiết

Trong bài 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 phi 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 thuộc với các ngôn ngữ lập trình khác, đối tượng JavaScript khác một chút. Bạn không cần tạo các lớp để tạo ra đối tượng.

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

// object
const student = {
    firstName: 'ram',
    class: 10
};

Ở đây, student là 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 key: value được phân tách bằng dấu phẩy và được bao quanh bởi dấu ngoặc nhọn {}.

Ví dụ,

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

Run Code

Bạn cũng có thể định nghĩa một đối tượng trên một dòng duy nhất.

const person = { name: 'John', age: 20 };

Trong ví dụ trên, name và age là các key, và John và 20 lần lượt là các giá trị.

Thuộc tính Đối tượng JavaScript

Trong JavaScript, các 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: 20 là các thuộc tính.

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 key của nó.

1. Sử dụng Notation dấu chấm

Dưới đây là cú pháp của notation dấu chấm.

objectName.key

Ví dụ,

const person = { 
    name: 'John', 
    age: 20, 
};

// accessing property
console.log(person.name); // John

Run Code

2. Sử dụng Notation dấu ngoặc

Dưới đây là cú pháp của notation dấu ngoặc.

objectName["propertyName"]

Ví dụ,

const person = { 
    name: 'John', 
    age: 20, 
};

// accessing property
console.log(person["name"]); // John

Run Code

Đối tượng Lồng nhau 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

Run Code

Trong ví dụ trên, một đối tượng student chứa một giá trị đối tượng trong thuộc tính marks.

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

Run Code

Ở đây, một hàm được sử dụng như một giá trị cho khóa greet. Đó là lý do tại sao chúng ta cần sử dụng person.greet() thay vì person.greet để gọi hàm trong đối tượng.

Một phương thức JavaScript là một thuộc tính chứa một khai báo hàm.

• Bài đăng blog này ban đầu được xuất bản tại:https://www.programiz.com/