Cách xóa một đối tượng trong JavaScript – xóa đối tượng trong js

Để xóa một đối tượng và xóa tất cả các thuộc tính của nó, hãy sử dụng vòng lặp `for..in`. Vòng lặp sẽ lặp qua tất cả các thuộc tính có thể liệt kê của đối tượng. Trong mỗi lần lặp, hãy sử dụng toán tử `delete` để xóa từng thuộc tính.

Bạn đang xem : xóa đối tượng trong js

Xóa đối tượng trong JavaScript #

Để xóa một đối tượng và xóa tất cả các thuộc tính của nó, hãy sử dụng vòng lặp for..in . Các
vòng lặp sẽ lặp qua tất cả các thuộc tính có thể liệt kê của đối tượng. Trong mỗi
lặp lại sử dụng toán tử delete để xóa từng thuộc tính.

index.js

 

const

obj

=

{

a

:

'one'

,

b

:

'hai'

}

;

cho

(

khóa const

trong

obj

)

{

xóa

obj

[

key

]

;

}

bảng điều khiển

.

log

< p class = "dấu chấm câu"> (

obj

)

;

cho … trong
vòng lặp lặp lại trên tất cả các thuộc tính có thể liệt kê của đối tượng.

Thuộc tính có thể liệt kê là thuộc tính mà chúng tôi đã thêm vào đối tượng bằng cách sử dụng đơn giản
nhiệm vụ, ví dụ: . hoặc [] gán.

Các thuộc tính được gán trên đối tượng bằng phương thức Object.definedProperty
không thể liệt kê theo mặc định và không được lặp lại trong vòng lặp for ... in .

Object.defineProperty
phương pháp này chủ yếu được người tạo thư viện bên thứ 3 sử dụng chứ không phải trong mã hàng ngày
vì vậy rất có thể vòng lặp for ... in bao gồm tất cả các thuộc tính của đối tượng của bạn.

Gán lại biến chứa đối tượng, đặt nó thành một đối tượng trống. Điều này chỉ có thể thực hiện được nếu bạn sử dụng từ khóa let hoặc var để khai báo đối tượng.

index.js

 

let

obj

=

{

a

:

'một'

,

b

:

'hai'

}

; < / p> obj

=

{

}

;

giao diện điều khiển

.

log

< p class = "dấu chấm câu"> (

obj

)

;

Lưu ý rằng chúng tôi đã sử dụng từ khóa let khi khai báo biến obj . Các
Từ khóa let cho phép chúng tôi gán lại biến trong mã của chúng tôi thay vì
các biến sử dụng từ khóa const , không thể được gán lại.

Trong trường hợp cực kỳ khó xảy ra là đối tượng của bạn chứa không thể liệt kê
thuộc tính, bạn có thể sử dụng phương pháp sau để xóa một đối tượng.

index.js

 

let

obj

=

{< / p> a

:

'one'

,

b < p class = "token operator">:

'hai'

}

;

Đối tượng

.

xác định Thuộc tính < / p>

(

obj

,

'màu'

,

{

value

:

'red'

,

enumerable

:

false

,

có thể định cấu hình

:

true

,

}

)

;

const

allProperties

=

Đối tượng

.

getOwnPropertyNames

(

obj

)

;

bảng điều khiển

.

log

< p class = "dấu câu mã thông báo"> (

allProperties

)

;

allProperties

.

forEach

(

thuộc tính

= & gt;

{

xóa

obj

[

property

]

;

}

)

;

bảng điều khiển

.

log

< p class = "dấu chấm câu"> (

Đối tượng

.

getOwnPropertyNames

(

obj

)

)

;

Trong đoạn mã, chúng tôi sử dụng
Object.getOwnPropertyNames
phương thức để lấy một mảng các thuộc tính có thể liệt kê và không thể liệt kê của
đối tượng.

Sau đó, chúng tôi sử dụng
Array.forEach
để lặp lại trên tất cả các phần tử trong mảng và xóa từng thuộc tính bằng cách sử dụng
toán tử delete .

< p class = "break-words"> Như đã đề cập trước đó, tốt nhất bạn nên sử dụng từ khóa let và gán lại biến cho một đối tượng trống, đây là cách nhanh nhất để xóa đối tượng và cho phép dọn rác. thực hiện công việc của nó.

Đọc thêm #


Xem thêm những thông tin liên quan đến chủ đề xóa đối tượng trong js

WEB1042 – Object: Javascript CRUD – Xem thêm sửa xóa

  • Tác giả: Trần Thị Hường
  • Ngày đăng: 2022-03-27
  • Đánh giá: 4 ⭐ ( 8467 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: WEB1042 – Object: Javascript CRUD
    – View/Insert/update/delete
    Lỗi hôm qua cô sửa lại nhé:
    Bỏ dấu nháy chỗ span onclick=chiTiet()

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

  • Tác giả: qastack.vn
  • Đánh giá: 3 ⭐ ( 1468 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Câu trả lời ngắn cho câu hỏi của bạn, tôi nghĩ là không (bạn chỉ có…

Cách xóa thuộc tính khỏi đối tượng JavaScript

  • Tác giả: tech-wiki.online
  • Đánh giá: 5 ⭐ ( 8544 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

9+ cách để xóa một phần tử ra khỏi JavaScript Array

  • Tác giả: topdev.vn
  • Đánh giá: 4 ⭐ ( 5003 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JavaScript Array cho phép bạn nhóm các giá trị và lặp lại chúng. Bạn có thể thêm và loại bỏ các phần tử mảng theo những cách khác nhau.

Cách xóa phần tử DOM trong JavaScript?

  • Tác giả: completejavascript.com
  • Đánh giá: 3 ⭐ ( 1518 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Để xóa phần tử DOM trong JavaScript, bạn có thể sử dụng phương thức `remove()` hoặc `removeChild()`.

LẬP TRÌNH HƯỚNG ĐỐI TƯỢNG CÙNG JAVASCRIPT

  • Tác giả: kipalog.com
  • Đánh giá: 4 ⭐ ( 1883 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài viết (Link), tôi đã so sánh ngôn ngữ lập trình dựa trên đối tượng với ngôn ngữ lập trình hướng đối tượng. Trong bài viết này, chúng ta sẽ…

Thao tác với đối tượng (Object) trong Javascript

  • Tác giả: freetuts.net
  • Đánh giá: 4 ⭐ ( 3168 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Thao tác với đối tượng (Object) trong Javascript, thực hiện các thao tác với đối tượng sinh viên truy xuất các phần tử hàm của đối tượng

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Thẻ điều hướng HTML - Tìm hiểu HTML - nav trong html là gì