Có hai cách để xóa thuộc tính khỏi đối tượng JavaScript. Có cách thực hiện có thể thay đổi bằng cách sử dụng toán tử xóa và cách thực hiện không thể thay đổi bằng cách sử dụng tái cấu trúc đối tượng.
Chúng ta hãy đi qua từng phương pháp trong hướng dẫn này.
Xóa Thuộc tính khỏi Đối tượng JS bằng Toán tử Xóa
delete là một hướng dẫn JavaScript cho phép chúng tôi xóa thuộc tính khỏi đối tượng JavaScript. Có một vài cách để sử dụng nó:
delete object.property;delete object[‘property’];
Toán tử xóa thuộc tính tương ứng khỏi đối tượng.
let blog = {name: 'Wisdom Geek', author: 'Saransh Kataria'};
const propToBeDeleted = 'author';
delete blog[propToBeDeleted];
console.log(blog); // {name: 'Wisdom Geek'}Thao tác xóa sửa đổi đối tượng ban đầu. Điều này có nghĩa rằng nó là một hoạt động có thể thay đổi.
Xóa thuộc tính khỏi đối tượng JS bằng tính năng hủy cấu trúc đối tượng
Sử dụng cú pháp tái cấu trúc và nghỉ ngơi đối tượng, chúng ta có thể hủy cấu trúc đối tượng với thuộc tính sẽ bị xóa và tạo một bản sao mới của nó.
Sau khi phá hủy, một bản sao mới của đối tượng được tạo và gán cho một biến mới không có thuộc tính mà chúng tôi đã chọn xóa.
const { property, ...remainingObject } = object;Ví dụ:
let blog = {name: 'Wisdom Geek', author: 'Saransh Kataria'};
const { author, ...blogRest } = blog;
console.log(blogRest) // {name: 'Wisdom Geek'};
console.log(blog); // {name: 'Wisdom Geek', author: 'Saransh Kataria'}Nếu chúng tôi muốn làm điều này một cách linh hoạt, chúng tôi có thể làm điều này:
const name="propertToBeRemoved";
const { [name]: removedProperty, ...remainingObject } = object;
Cũng có thể loại bỏ nhiều thuộc tính bằng cùng một cú pháp.
kết thúc
Và đó là hai cách để xóa thuộc tính khỏi đối tượng JavaScript. Nếu bạn có bất kỳ câu hỏi nào, vui lòng liên hệ với tôi!
Đọc thêm các bài viết của tôi tại: https://www.wisdomgeek.com
