Ý nghĩa của đối tượng đối tượng trong JavaScript là gì?

Làm cách nào để hiển thị các đối tượng JavaScript?

Có nhiều phương pháp khác nhau để chúng ta có thể hiển thị các đối tượng javascript [đối tượng đối tượng javascript], một số trong số đó là-

• Hiển thị thuộc tính đối tượng theo tên
• Hiển thị thuộc tính đối tượng trong vòng lặp
• Hiển thị đối tượng bằng Object. giá trị[]
• Hiển thị đối tượng bằng JSON. xâu chuỗi []

Hiển thị thuộc tính đối tượng theo tên

Trong phương thức này, chúng ta sẽ sử dụng tên của các thuộc tính của đối tượng và sau đó sẽ hiển thị chúng dưới dạng một chuỗi bằng cách sử dụng các thuộc tính của đối tượng đối tượng javascript

Ví dụ

Display object properties:








Trong ví dụ này, chúng tôi đã lấy một thẻ đoạn có id là "hiển thị" và sau đó sử dụng tên thuộc tính để hiển thị dữ liệu của đối tượng trong javascript
đầu ra
Display object properties:

Amber, 13, Delhi

Hiển thị thuộc tính đối tượng trong vòng lặp

Trong phương thức này, chúng ta sẽ sử dụng một vòng lặp để lặp qua tất cả các giá trị thuộc tính của đối tượng javascript và sau đó hiển thị chúng dưới dạng chuỗi để xem các thuộc tính của đối tượng javascript

Ví dụ

Display object properties:








Ở đây trong ví dụ này, chúng tôi đang sử dụng biến "x" để lặp qua đối tượng "details" và sau đó thêm các giá trị của đối tượng đó vào chuỗi "txt" và cuối cùng, chúng tôi hiển thị chuỗi "txt" bằng DOM
đầu ra
Display object properties:

Amber 13 Delhi 99332211

Hiển thị đối tượng bằng đối tượng. giá trị[]

Bằng cách sử dụng đối tượng. value[] chúng ta có thể chuyển đổi đối tượng javascript thành mảng và sau đó chúng ta có thể sử dụng mảng đã chuyển đổi để hiển thị các thuộc tính của đối tượng javascript

Ví dụ

Converting js object to array by Object.values[]








Trong ví dụ này, trước tiên chúng tôi chuyển đổi đối tượng javascript thành một mảng và sau đó bằng cách sử dụng thẻ đoạn văn và DOM, chúng tôi sẽ hiển thị các giá trị
đầu ra
Converting js object to the array by Object.values[]

Amber,13,Delhi,99332211

Hiển thị đối tượng bằng JSON. xâu chuỗi []

Tương tự với Đối tượng. value[], nơi chúng tôi đang chuyển đổi đối tượng javascript thành một mảng. Ở đây, bằng cách sử dụng JSON. stringify[] chúng ta có thể chuyển đổi đối tượng javascript thành một chuỗi và tương tự như vậy, chúng ta có thể hiển thị chuỗi đã chuyển đổi bằng DOM. Chuỗi sẽ giống như tệp JSON

Ví dụ

Converting js object to string by JSON.stringify[]









Trong ví dụ này, chúng tôi đang sử dụng JSON. stringify[] để chuyển đổi đối tượng javascript thành chuỗi javascript và sau đó hiển thị nó bằng DOM
đầu ra
Converting js object to a string by JSON.stringify[]

{"name":"Amber","age":13,"city":"Delhi","mobile":"99332211"}

Hàm Date[] trong javascript hiển thị Ngày hiện tại và thời gian hiện tại, Nếu bất kỳ đối tượng nào có bất kỳ thuộc tính nào là giá trị của nó từ hàm Date[], thì JSON. Hàm stringify[] cũng có thể được sử dụng ở đây để chuyển đổi đầu ra của hàm Date[] thành chuỗi

Ví dụ

đầu ra

Converting Date to string by JSON.stringify[]

{"name":"Amber","age":13,"city":"Delhi","mobile":"99332211","today":"2022-08-13T21:11:35.322Z"}

Chuỗi chức năng

JSON. Hàm stringify[] không trực tiếp chuyển đổi hàm thành chuỗi, để chuyển đổi hàm, trước tiên chúng ta cần xâu chuỗi rõ ràng hàm trước khi xâu chuỗi đối tượng javascript

Ví dụ. Không xâu chuỗi rõ ràng chức năng

Display object properties:

Amber, 13, Delhi
0
đầu ra
Display object properties:

Amber, 13, Delhi
1
Bây giờ, sau khi xâu chuỗi rõ ràng chức năng
Display object properties:

Amber, 13, Delhi
0
đầu ra
Display object properties:

Amber, 13, Delhi
3

Chuỗi hóa mảng

Các mảng javascript cũng có thể được chuyển đổi thành các chuỗi bằng cách sử dụng JSON. hàm stringify[]

Ví dụ

Display object properties:

Amber, 13, Delhi
4
Trong ví dụ này, chúng tôi đang tạo một mảng và sau đó chuyển đổi nó thành chuỗi bằng cách sử dụng JSON. hàm stringify[]
đầu ra
Display object properties:

Amber, 13, Delhi
5

tính tương thích của trình duyệt web

Bảng dưới đây cho thấy khả năng tương thích của các chức năng được thảo luận ở trên trong các trình duyệt khác nhau với phiên bản

Làm cách nào để đọc đối tượng đối tượng trong JavaScript?

Làm cách nào để lấy giá trị của đối tượng đối tượng trong JavaScript?

Ý nghĩa của đối tượng đối tượng lỗi là gì?