Hướng dẫn how to store data in objects in javascript - cách lưu trữ dữ liệu trong các đối tượng trong javascript

Làm thế nào để JavaScript lưu trữ dữ liệu trong một đối tượng dữ liệu?

May mắn thay, JavaScript cung cấp một loại dữ liệu đặc biệt để lưu trữ các chuỗi giá trị. Nó được gọi là một mảng và được viết làm danh sách các giá trị giữa các dấu ngoặc vuông, được phân tách bằng dấu phẩy. Ký hiệu để nhận được các yếu tố bên trong một mảng cũng sử dụng dấu ngoặc vuông.

Nơi các đối tượng được lưu trữ trong JavaScript?

Chúng được lưu trữ ở các vị trí khác nhau trên ngăn xếp nhưng chúng chỉ hoặc tham khảo cùng một vị trí MEM trên đống. Bây giờ, khi chúng ta truy cập vào người2. Động cơ sẽ nhìn vào MEM ADDR 004 của Person2 trong ngăn xếp. Nó sẽ thấy 023, đó là một addr MEM tại Heap.

Đối tượng JavaScript nào có thể lưu trữ dữ liệu cục bộ?

[object Object]
Object { }
{ }

Tóm lại, chúng ta có thể lưu trữ các đối tượng JavaScript trong LocalStorage bằng HTML5, miễn là các đối tượng của chúng ta an toàn JSON.

const person = {
  name: ["Bob", "Smith"],
  age: 32,
  bio: function () {
    console.log(`${this.name[0]} ${this.name[1]} is ${this.age} years old.`);
  },
  introduceSelf: function () {
    console.log(`Hi! I'm ${this.name[0]}.`);
  },
};

Chúng ta có thể lưu trữ đối tượng trong JavaScript đối tượng không?

person.name;
person.name[0];
person.age;
person.bio();
person.introduceSelf();

Bây giờ bạn đã có một số dữ liệu và chức năng bên trong đối tượng của mình và hiện có thể truy cập chúng với một số cú pháp đơn giản đẹp!

Chuyện gì đang xảy ra ở đây vậy? Vâng, một đối tượng được tạo thành từ nhiều thành viên, mỗi thành viên có một tên (ví dụ:

[object Object]
Object { }
{ }

[object Object]
Object { }
{ }

[object Object]
Object { }
{ }

[object Object]
Object { }
{ }

const objectName = {
  member1Name: member1Value,
  member2Name: member2Value,
  member3Name: member3Value,
};

Giá trị của một thành viên đối tượng có thể khá nhiều - trong đối tượng người của chúng tôi, chúng tôi có một số, một mảng và hai hàm. Hai mục đầu tiên là các mục dữ liệu và được gọi là thuộc tính của đối tượng. Hai mục cuối cùng là các hàm cho phép đối tượng thực hiện một cái gì đó với dữ liệu đó và được gọi là phương thức của đối tượng.properties. The last two items are functions that allow the object to do something with that data, and are referred to as the object's methods.

Khi các thành viên của đối tượng là chức năng, có một cú pháp đơn giản hơn. Thay vì

[object Object]
Object { }
{ }

[object Object]
Object { }
{ }

const person = {
  name: ["Bob", "Smith"],
  age: 32,
  bio() {
    console.log(`${this.name[0]} ${this.name[1]} is ${this.age} years old.`);
  },
  introduceSelf() {
    console.log(`Hi! I'm ${this.name[0]}.`);
  },
};

Từ bây giờ, chúng tôi sẽ sử dụng cú pháp ngắn hơn này.

Một đối tượng như thế này được gọi là một đối tượng theo nghĩa đen - chúng ta đã viết ra nội dung đối tượng theo nghĩa đen khi chúng ta đến để tạo nó. Điều này khác với các đối tượng được khởi tạo từ các lớp, mà chúng ta sẽ xem xét sau này.object literal — we've literally written out the object contents as we've come to create it. This is different compared to objects instantiated from classes, which we'll look at later on.

Rất phổ biến để tạo một đối tượng bằng cách sử dụng một đối tượng theo nghĩa đen khi bạn muốn chuyển một loạt các mục dữ liệu có cấu trúc, liên quan theo cách nào đó, ví dụ: gửi yêu cầu đến máy chủ để đưa vào cơ sở dữ liệu. Gửi một đối tượng duy nhất hiệu quả hơn nhiều so với việc gửi một số mục riêng lẻ và làm việc với một mảng dễ dàng hơn, khi bạn muốn xác định các mục riêng lẻ theo tên.

Ký hiệu chấm

Ở trên, bạn đã truy cập các thuộc tính và phương thức của đối tượng bằng cách sử dụng ký hiệu DOT. Tên đối tượng (người) đóng vai trò là không gian tên - nó phải được nhập trước để truy cập bất cứ thứ gì bên trong đối tượng. Tiếp theo bạn viết một dấu chấm, sau đó mục bạn muốn truy cập - đây có thể là tên của một thuộc tính đơn giản, một mục của thuộc tính mảng hoặc cuộc gọi đến một trong các phương thức của đối tượng, ví dụ:dot notation. The object name (person) acts as the namespace — it must be entered first to access anything inside the object. Next you write a dot, then the item you want to access — this can be the name of a simple property, an item of an array property, or a call to one of the object's methods, for example:

person.age;
person.bio();

Đối tượng là thuộc tính đối tượng

Một thuộc tính đối tượng có thể là một đối tượng. Ví dụ: thử thay đổi thành viên

[object Object]
Object { }
{ }

const person = {
  name: ["Bob", "Smith"],
};

đến