Làm thế nào để bạn loại bỏ một đối tượng trong javascript?

Trong bài viết này, chúng ta sẽ cố gắng hiểu cách thêm thuộc tính vào đối tượng cũng như cách thêm hoặc xóa thuộc tính khỏi đối tượng trong JavaScript

Trước khi chúng ta thực sự xem việc thêm và xóa các thuộc tính khỏi một đối tượng, trước tiên chúng ta hãy hiểu những điều cơ bản về một đối tượng trong JavaScript

Mục tiêu

• Một đối tượng trong JavaScript là tập hợp các thuộc tính
• Một thuộc tính duy nhất trong một đối tượng JavaScript thực sự là sự kết hợp giữa tên (hoặc khóa) và một giá trị
• Một đối tượng có thể chứa một số thuộc tính khác nhau có tên cũng như giá trị khác nhau

cú pháp. Bằng cách sử dụng cú pháp sau, người ta có thể dễ dàng tạo một đối tượng với một số thuộc tính khác nhau

let object_name =
{
    property_name: value,
    ...
}

Bây giờ chúng ta đã hiểu các chi tiết cơ bản liên quan đến đối tượng trong JavaScript, hãy xem một số ví dụ để thêm thuộc tính vào đối tượng cũng như cách xóa thuộc tính khỏi đối tượng

Thêm/Xóa Thuộc tính khỏi Đối tượng

• Như được mô tả trong hình minh họa ở trên, chúng ta có thể dễ dàng thêm hoặc xóa một số thuộc tính khỏi một đối tượng trong JavaScript bằng cách làm theo các phương pháp hoặc kỹ thuật nhất định
• Để thêm bất kỳ thuộc tính nào, người ta có thể sử dụng object_name. property_name = giá trị (hoặc) object_name[“property_name”] = giá trị
• Để xóa bất kỳ thuộc tính nào, người ta có thể dễ dàng sử dụng xóa object_name. property_name (hoặc)  xóa object_name[“property_name”]

Hãy cho chúng tôi xem một số ví dụ để hiểu rõ hơn về cách thêm và xóa các thuộc tính khỏi một đối tượng

ví dụ 1. Trong ví dụ này, trước tiên chúng ta tạo một đối tượng và sau đó chúng ta sẽ thêm một số thuộc tính vào đối tượng đó

Làm cách nào để xóa thuộc tính khỏi đối tượng JavaScript?

Cải thiện bài viết

Lưu bài viết

Thích bài viết

• Cập nhật lần cuối. 03 tháng 1 năm 2023

Cải thiện bài viết

Lưu bài viết

Từ khóa xóa JavaScript được sử dụng để xóa các thuộc tính của một đối tượng trong javaScript.  

cú pháp

delete object.property or
delete object[property]

Ghi chú

• Xóa từ khóa xóa cả giá trị của thuộc tính và thuộc tính cũng. Sau khi xóa, tài sản không thể được sử dụng
• Toán tử xóa được thiết kế để sử dụng trên các thuộc tính đối tượng. Nó không thể được sử dụng trên các biến hoặc chức năng
• Không nên sử dụng toán tử xóa trên các thuộc tính đối tượng JavaScript được xác định trước. Nó có thể gây ra vấn đề

ví dụ 1. Ví dụ này xóa thuộc tính địa chỉ của một đối tượng.  

html

<h1 style="color:green;">

    GeeksforGeeks

</h1>

<2_______3 <4_______5__________<6<7<3_______7_______

h10

<h12 h13_______5_______h15h16

</h12>

h10

<style2>

    style5

    style7

style8style9

style8=1

style8=3

    =5

    =7

    =9

    "color:green;"1

    "color:green;"3

</style2>

đầu ra

Xóa thuộc tính khỏi đối tượng JavaScript

ví dụ 2. Ví dụ này xóa thuộc tính tuổi của một đối tượng

HTML

<h1 style="color:green;">

    GeeksforGeeks

</h1>

<<3 <4_______5_______<6    3<3_______7_______

h10

<h12 h13_______5_______h15>

    GeeksforGeeks4

</h12>

h10

<style2>

    style5

    style7

style8style9

style8=1

style8=3

    =5

<04

    <06

    <08

<09<10

    "color:green;"3

</style2>

đầu ra

Xóa thuộc tính khỏi đối tượng JavaScript

Ghi chú cá nhân của tôi arrow_drop_up

Tiết kiệm

Vui lòng Đăng nhập để nhận xét.

Làm thế nào chúng ta có thể xóa một đối tượng?

Làm cách nào để xóa khóa đối tượng trong JavaScript?

Chức năng nào được sử dụng để loại bỏ một đối tượng?