Viết chương trình bảng điều khiển javascript để xóa người dùng khỏi đối tượng người dùng

Biến

javascript
 Nội dung chính Show
 
1. xóa toán tử
2. Phá hủy đối tượng với cú pháp nghỉ ngơi
3. Phần kết luận
Bài đăng chất lượng vào hộp thư đến của bạn
Làm cách nào để xóa khỏi đối tượng JavaScript?
Làm cách nào để viết hàm xóa trong JavaScript?
Làm cách nào để xóa khóa khỏi đối tượng trong JavaScript?
Làm cách nào để sử dụng toán tử xóa trong JavaScript?
 
delete object.property;

0 chứa một đối tượng mô tả một nhân viên. Đối tượng chứa 2 thuộc tính mô tả dữ liệu nhân viên.

javascript
delete object.property;

1 và

javascript
delete object.property;

2

Tuy nhiên, đôi khi bạn cần xóa các thuộc tính khỏi một đối tượng. Ví dụ: bạn sẽ loại bỏ thuộc tính

javascript
delete object.property;

2 khỏi đối tượng

javascript
delete object.property;

4 như thế nào?

Hãy xem 2 cách phổ biến về cách xóa thuộc tính khỏi một đối tượng trong JavaScript — sử dụng toán tử

javascript
delete object.property;

5 (cách có thể thay đổi) và phá hủy đối tượng kết hợp với phần còn lại của đối tượng (cách không thay đổi)

1. xóa toán tử

javascript
delete object.property;

5 là một toán tử đặc biệt trong JavaScript dùng để xóa một thuộc tính khỏi một đối tượng. Toán hạng đơn của nó thường chấp nhận một bộ truy cập thuộc tính để chỉ ra thuộc tính nào cần loại bỏ

A) Xóa bằng trình truy cập thuộc tính dấu chấm

javascript
delete object.property;

B) Xóa bằng cách sử dụng trình truy cập thuộc tính dấu ngoặc vuông

________số 8_______

Khi áp dụng toán tử

javascript
delete object.property;

5 trên bộ truy cập thuộc tính, toán tử sẽ xóa thuộc tính tương ứng khỏi đối tượng

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
delete employee.position;
console.log(employee); // { name: 'John Smith' }

Hãy thử bản trình diễn

Ban đầu,

javascript
delete object.property;

4 có 2 thuộc tính.

javascript
delete object.property;

1 và

javascript
delete object.property;

2

Nhưng sau khi áp dụng toán tử

javascript
delete object.property;

5 trên thuộc tính

javascript
delete object.property;

2.

javascript
delete object['property'];
// or
const name = 'dynamicProperty';
delete object[name];

3, tài sản được loại bỏ khỏi đối tượng. Đơn giản như vậy

Việc loại bỏ thuộc tính bằng cách sử dụng toán tử

javascript
delete object.property;

5 có thể thay đổi được vì nó thay đổi (hay còn gọi là thay đổi, sửa đổi) đối tượng ban đầu

Trong trường hợp nếu tên thuộc tính cần xóa được xác định động, thì bạn có thể sử dụng cú pháp dấu ngoặc vuông

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
const name = 'position';
delete employee[name];
console.log(employee); // { name: 'John Smith' }

Hãy thử bản trình diễn

javascript
delete object['property'];
// or
const name = 'dynamicProperty';
delete object[name];

5 loại bỏ thuộc tính có tên bên trong biến

javascript
delete object.property;

1

2. Phá hủy đối tượng với cú pháp nghỉ ngơi

Một cách tiếp cận khác để loại bỏ các thuộc tính, nhưng theo cách bất biến mà không làm thay đổi đối tượng ban đầu, là sử dụng

ý tưởng thật đơn giản. hủy cấu trúc đối tượng thành thuộc tính bạn muốn xóa và các thuộc tính còn lại thu thập thành một đối tượng còn lại

A) Tên thuộc tính đã biết

javascript
const { property, ...restObject } = object;

B) Tên thuộc tính là động

javascript
const name = 'property';
const { [name]: removedProperty, ...restObject } = object;

Sau khi áp dụng cú pháp hủy và nghỉ,

javascript
delete object['property'];
// or
const name = 'dynamicProperty';
delete object[name];

7 sẽ chứa các thuộc tính giống như

javascript
delete object['property'];
// or
const name = 'dynamicProperty';
delete object[name];

8, chỉ không có thuộc tính bị xóa

Ví dụ: hãy xóa thuộc tính

javascript
delete object.property;

2 khỏi đối tượng

javascript
delete object.property;

4

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
const { position, ...employeeRest } = employee;
console.log(employeeRest); // { name: 'John Smith' }
console.log(employee); 
// { name: 'John Smith',position: 'Sales Manager' }

Hãy thử bản trình diễn

Câu lệnh

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
delete employee.position;
console.log(employee); // { name: 'John Smith' }

1 hủy cấu trúc của đối tượng

javascript



delete object.property;

4 và gom các thuộc tính thành một đối tượng còn lại

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
delete employee.position;
console.log(employee); // { name: 'John Smith' }

3 mà không bao gồm thuộc tính

javascript
delete object.property;

2

Phá hủy đối tượng với cú pháp nghỉ ngơi là một cách loại bỏ thuộc tính bất biến. đối tượng

javascript
delete object.property;

4 ban đầu không bị đột biến. Thay vào đó, một đối tượng mới

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
delete employee.position;
console.log(employee); // { name: 'John Smith' }

3 được tạo có chứa tất cả các thuộc tính của

javascript
delete object.property;

4 nhưng không có phần

javascript
delete object.property;

2 bị xóa

Nếu tên thuộc tính cần xóa được xác định động, thì bạn có thể sử dụng cú pháp hủy tên thuộc tính động

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
const name = 'position';
const { [name]: removedProperty, ...employeeRest } = employee;
console.log(employeeRest); // { name: 'John Smith' }

Hãy thử bản trình diễn

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
delete employee.position;
console.log(employee); // { name: 'John Smith' }

9 hãy để bạn loại bỏ một thuộc tính có tên động bằng cách thu thập các thuộc tính, nhưng đã loại bỏ một thuộc tính, thành đối tượng

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
delete employee.position;
console.log(employee); // { name: 'John Smith' }

3

Điều thú vị là bạn có thể loại bỏ nhiều thuộc tính cùng một lúc bằng cách sử dụng cú pháp hủy và nghỉ

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager',
  experience: 6, // years
};
const { position, experience, ...employeeRest } = employee;
console.log(employeeRest); // { name: 'John Smith' }

Hãy thử bản trình diễn

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
const name = 'position';
delete employee[name];
console.log(employee); // { name: 'John Smith' }

1 đã xóa 2 tài sản cùng một lúc.

javascript
delete object.property;

2 và

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
const name = 'position';
delete employee[name];
console.log(employee); // { name: 'John Smith' }

3

3. Phần kết luận

Trong JavaScript, có 2 cách phổ biến để xóa thuộc tính khỏi đối tượng

Cách tiếp cận có thể thay đổi đầu tiên là sử dụng toán tử

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
const name = 'position';
delete employee[name];
console.log(employee); // { name: 'John Smith' }

4

Cách tiếp cận thứ hai, không thay đổi vì nó không sửa đổi đối tượng ban đầu, là gọi cú pháp phá hủy và trải rộng đối tượng.

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
const name = 'position';
delete employee[name];
console.log(employee); // { name: 'John Smith' }

5

thử thách phụ. độ phức tạp về thời gian của việc loại bỏ thuộc tính bằng cách sử dụng cú pháp

javascript
delete object.property;

5 và phần còn lại của đối tượng là bao nhiêu?

Thích bài viết?

đề xuất cải tiến

Bài đăng chất lượng vào hộp thư đến của bạn

Tôi thường xuyên xuất bản bài viết có chứa

• Các khái niệm JavaScript quan trọng được giải thích bằng các từ đơn giản
• Tổng quan về các tính năng JavaScript mới
• Cách sử dụng TypeScript và cách gõ
• Thiết kế phần mềm và thực hành mã hóa tốt

Đăng ký nhận bản tin của tôi để nhận chúng ngay trong hộp thư đến của bạn

Đặt mua

Tham gia 6904 thuê bao khác

Giới thiệu về Dmitri Pavlutin

Nhà văn và huấn luyện viên công nghệ. Thói quen hàng ngày của tôi bao gồm (nhưng không giới hạn) uống cà phê, viết mã, viết, huấn luyện, vượt qua sự nhàm chán 😉

Hiện đang làm việc với tư cách là nhà phát triển nguồn mở toàn thời gian trong dự án Readapt - nhằm mục đích làm cho mọi người đều có thể truy cập web

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

Làm cách nào để viết hàm xóa trong JavaScript?

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

Làm cách nào để sử dụng toán tử xóa trong JavaScript?