HomeLập trìnhJavaScript trong JavaScript...

[object, object] trong JavaScript – Ý nghĩa trong JS


Khi làm việc với các đối tượng trong JavaScript, bạn có thể bắt gặp [object, object] đầu ra. Mặc dù điều này có vẻ không liên quan, nhưng nó không nhất thiết là lỗi.

[object, object] là biểu diễn chuỗi của kiểu dữ liệu đối tượng JavaScript. Bạn sẽ hiểu rõ hơn khi chúng ta đi xa hơn trong bài viết này.

Có hai ngữ cảnh chính mà bạn sẽ gặp kết quả như vậy:

  • Khi bạn thử hiển thị một đối tượng bằng cách sử dụng alert() phương pháp (phổ biến nhất).
  • Khi bạn sử dụng toString() phương thức trên một đối tượng.

Chúng ta hãy xem xét một số ví dụ.

Điều gì xảy ra nếu bạn cảnh báo một đối tượng trong JavaScript?

Trong phần này, bạn sẽ thấy điều gì sẽ xảy ra khi bạn sử dụng alert() phương pháp để hiển thị một đối tượng trong JavaScript. Đây là ví dụ mã:

const student = {
  name: "John",
  school: "freeCodeCamp",
};

alert(student)

Trong đoạn mã trên, chúng tôi đã tạo một đối tượng được gọi là student. Sau khi sử dụng alert() để hiển thị đối tượng trong trình duyệt, chúng tôi đã nhận được đầu ra bên dưới:

Ảnh chụp màn hình--301-

Từ hình trên, thay vì hiển thị đối tượng và các thuộc tính của nó, [object, object] đã được hiển thị.

Đọc thêm  JavaScript cho vòng lặp – Cách lặp qua một mảng trong JS

Điều này xảy ra bởi vì khi bạn sử dụng alert() để hiển thị một đối tượng trong JavaScript, bạn sẽ hiển thị định dạng chuỗi.

Để khắc phục điều này, bạn có thể sử dụng JSON.stringify() phương pháp để thay đổi đối tượng thành một chuỗi có thể được bật lên trong trình duyệt bằng cách sử dụng alert() phương pháp. Đây là một ví dụ:

const student = {
  name: "John",
  school: "freeCodeCamp",
};

alert(JSON.stringify(student));

Khi bạn chạy đoạn mã trên, bạn sẽ thấy đối tượng và các thuộc tính của nó được hiển thị – tương tự như hình bên dưới.

Ảnh chụp màn hình--303-

Điều gì xảy ra khi bạn sử dụng toString() Phương pháp trên một đối tượng trong JavaScript?

Các toString() phương thức trong JavaScript trả về định dạng chuỗi của một đối tượng. Phần này sẽ giúp bạn hiểu rõ điều gì đã xảy ra trong phần trước.

Khi bạn sử dụng toString() trên một đối tượng trong JavaScript, bạn sẽ nhận được biểu diễn chuỗi – [object, object] – trả lại.

const student = {
  name: "John",
  school: "freeCodeCamp",
};

console.log(student.toString());
// [object Object]

Như bạn có thể thấy trong đoạn mã trên, chúng tôi đã sử dụng toString() phương pháp trên một đối tượng được gọi là student: student.toString().

Khi chúng tôi đăng nhập cái này vào bảng điều khiển, chúng tôi đã nhận được [object, object].

Hiệu ứng này chính xác là những gì xảy ra khi bạn mở một đối tượng trong trình duyệt bằng cách sử dụng alert() phương pháp (như chúng ta đã thấy trong phần trước).

Đọc thêm  Các phương thức cửa sổ JavaScript được giải thích bằng các ví dụ

Tóm lược

Trong bài viết này, chúng tôi đã nói về vẻ ngoài kỳ quặc [object, object] đầu ra trong JavaScript.

Chúng ta phải hiểu rằng đầu ra là biểu diễn chuỗi của một kiểu dữ liệu đối tượng trong JavaScript.

Rất có thể bạn sẽ thấy kết quả như vậy khi cố gắng hiển thị một đối tượng trong trình duyệt bằng cách sử dụng alert() phương pháp, hoặc khi bạn sử dụng toString() phương thức trên một đối tượng.

Chúng tôi cũng đã xem qua một số ví dụ về mã và hình ảnh để minh họa cách bạn có thể thấy [object, object] trong JavaScript.

Chúc mừng mã hóa!



Zik.vn – Biên dịch & Biên soạn Lại

spot_img

Create a website from scratch

Just drag and drop elements in a page to get started with Newspaper Theme.

Buy Now ⟶

Bài viết liên quang

DMCA.com Protection Status