Mất 2 phút đọc

Đối Tượng Hiển Thị JavaScript

Trong bài viết này, Ứng dụng free sẽ cùng các bạn tìm hiểu về Đối tượng hiển thị JavaScript

1.Hiển thị đối tượng

  • Hiển thị một đối tượng JavaScript sẽ xuất ra [đối tượng Đối tượng].
  • Một số giải pháp phổ biến để hiển thị các đối tượng JavaScript là:
    • Hiển thị các thuộc tính đối tượng theo tên
    • Hiển thị các thuộc tính đối tượng trong một vòng lặp
    • Hiển thị Đối tượng bằng Object.values ​​()
    • Hiển thị Đối tượng bằng JSON.stringify ()

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

  • Các thuộc tính của một đối tượng có thể được hiển thị dưới dạng một chuỗi:

3.Hiển thị đối tượng trong một vòng lặp

  • Các thuộc tính của một đối tượng có thể được thu thập trong một vòng lặp:
  • Bạn phải sử dụng person [x] trong vòng lặp. person.x sẽ không hoạt động (Vì x là một biến).

4.Sử dụng Object.values ​​()

  • Bất kỳ đối tượng JavaScript nào cũng có thể được chuyển đổi thành một mảng bằng cách sử dụng Object.values():

  • myArraybây giờ là một mảng JavaScript, sẵn sàng được hiển thị:

  • Object.values()được hỗ trợ trong tất cả các trình duyệt chính kể từ năm 2016.

5.Sử dụng JSON.stringify ()

  • Bất kỳ đối tượng JavaScript nào cũng có thể được chuỗi (chuyển đổi thành chuỗi) bằng hàm JavaScript JSON.stringify():

  • myStringbây giờ là một chuỗi JavaScript, sẵn sàng được hiển thị:

Kết quả sẽ là một chuỗi theo sau ký hiệu JSON: {“name”: “John”, “age”: 50, “city”: “New York”}

 

  • JSON.stringify()được bao gồm trong JavaScript và được hỗ trợ trong tất cả các trình duyệt chính.

6.Chuỗi ngày

  • JSON.stringifychuyển đổi ngày tháng thành chuỗi:

7.Chuỗi các chức năng

  • JSON.stringifysẽ không chuỗi các hàm:

  • Điều này có thể được “sửa chữa” nếu bạn chuyển đổi các hàm thành chuỗi trước khi chuỗi.

8.Xâu chuỗi mảng

  • Cũng có thể xâu chuỗi các mảng JavaScript:

⇒Kết quả sẽ là một chuỗi theo sau ký hiệu JSON: [“John”, “Peter”, “Sally”, “Jane”]

KẾT LUẬN: Trong bài viết này, chúng ta đã tìm hiểu đối tượng hiển thị JavaScript. Tôi hy vọng bài viết này hữu ích cho bạn. Cảm ơn các bạn đã theo dõi bài viết!

Hãy bình chọn
62 lượt xem

15/10/2022 Blog Tin Học

Bài viết liên quan

Block "5_tab_footer" not found