Đối tượng (Object) trong JavaScript

Đối tượng (Object) là một kiểu dữ liệu quan trọng trong JavaScript, cho phép chúng ta lưu trữ dữ liệu dưới dạng cặp key-value.

Trong bài học này, chúng ta sẽ tìm hiểu:

• Thuộc tính và phương thức của Object.
• Cách truy xuất và cập nhật dữ liệu trong Object.
• Vòng lặp trên Object và Array (for...in, for...of).

Ứng dụng thực tế: Object thường được dùng để lưu thông tin người dùng, sản phẩm, dữ liệu API,...

Object

1. Định nghĩa và cách khai báo Object

Có 2 cách phổ biến để khai báo một Object:

Cách 1: Dùng dấu {} (cách phổ biến nhất)

let person = {
  name: "John",
  age: 25,
  job: "Developer"
};

console.log(person);

Cách 2: Dùng new Object() (ít dùng hơn)

let person = new Object();
person.name = "John";
person.age = 25;
person.job = "Developer";

console.log(person);

Lưu ý: Cách 1 {} được sử dụng nhiều hơn vì ngắn gọn và dễ đọc.

2. Thuộc tính và phương thức của Object

Thuộc tính của Object

Thuộc tính (properties) là các cặp key-value trong Object.

Ví dụ:

let car = {
  brand: "Toyota",
  model: "Corolla",
  year: 2022
};

console.log(car.brand); // "Toyota"
console.log(car["model"]); // "Corolla"

Phương thức của Object

Phương thức (methods) là các function bên trong Object.

Ví dụ:

let user = {
  name: "Alice",
  sayHello: function() {
    console.log("Hello! My name is " + this.name);
  }
};

user.sayHello(); // "Hello! My name is Alice"

Lưu ý: Dùng this để tham chiếu đến thuộc tính trong Object.

3. Cách truy xuất và cập nhật dữ liệu trong Object

Truy xuất dữ liệu từ Object

Có 2 cách:

console.log(car.brand); // "Toyota" (Cách 1: Dùng dấu chấm ".")
console.log(car["model"]); // "Corolla" (Cách 2: Dùng dấu "[]")

Cập nhật dữ liệu trong Object

car.year = 2023; // Cập nhật giá trị
console.log(car.year); // 2023

car.color = "Red"; // Thêm thuộc tính mới
console.log(car.color); // "Red"

delete car.model; // Xóa thuộc tính
console.log(car.model); // undefined

Ứng dụng: Dùng để cập nhật thông tin sản phẩm, thông tin người dùng,...

4. Vòng lặp trên Object và Array

for...in – Duyệt qua các thuộc tính của Object

let student = {
  name: "David",
  age: 20,
  major: "Computer Science"
};

for (let key in student) {
  console.log(key + ": " + student[key]);
}
/* 
Output:
name: David
age: 20
major: Computer Science
*/

Ứng dụng: Dùng để lấy danh sách thuộc tính của một Object.

for...of – Duyệt qua các phần tử trong mảng

Dùng cho mảng hoặc danh sách giá trị có thể lặp.

let colors = ["Red", "Green", "Blue"];

for (let color of colors) {
  console.log(color);
}
/* 
Output:
Red
Green
Blue
*/

Lưu ý: for...of không dùng được với Object vì Object không có thứ tự chỉ mục như mảng.

Kết luận

Những điểm quan trọng trong bài học:

• Object lưu trữ dữ liệu dưới dạng cặp key-value.
• Có thể truy xuất, cập nhật, xóa thuộc tính của Object.
• Dùng for...in để lặp qua Object, for...of để lặp qua mảng.