Xóa đối tượng khóa JavaScript
|
Trong JavaScript, các đối tượng lưu trữ dữ liệu dưới dạng các cặp khóa-giá trị trong đó khóa có thể là bất kỳ thuộc tính nào của đối tượng. Trong bài viết này, chúng ta hãy xem cách xóa các cặp khóa-giá trị tương ứng với một khóa đã cho trong đối tượng Show Trong JavaScript, các đối tượng có thể được tạo để lưu trữ dữ liệu dưới dạng các cặp khóa-giá trị. Dữ liệu trong một đối tượng có thể được truy cập bằng ký hiệu dấu chấm (obj. key) hoặc ký hiệu ngoặc (obj["key"]). Xem ví dụ dưới đây - let obj = { key1: "value1", key2: "value2", key3: "value" };Chúng ta có thể xóa các cặp khóa-giá trị tương ứng với các khóa đã cho khỏi một đối tượng nhưng trong hướng dẫn này, chúng ta sẽ xem xét 3 phương thức Sử dụng toán tử xóaToán tử xóa được sử dụng để xóa một thuộc tính của một đối tượng. Toán tử xóa sẽ không tự xóa biến mà chỉ xóa giá trị của biến Thí dụXem ví dụ dưới đây - Examples Như bạn có thể thấy từ ví dụ trên, toán tử xóa chỉ xóa giá trị của khóa chứ không xóa chính khóa đó Dưới đây là giải thích từng dòng của đoạn mã trên - let obj = { key1: "value1", key2: "value2", key3: "value3" };Chúng tôi đã tạo một đối tượng có 3 cặp khóa-giá trị delete obj.key2; Toán tử xóa được sử dụng để xóa cặp khóa-giá trị trong đó khóa là “key2” console.log(obj); Đầu ra của đoạn mã trên trong bảng điều khiển sẽ là. { key1. "giá trị1", phím3. "giá trị3" }. Như bạn có thể thấy, cặp khóa-giá trị với khóa “key2” đã bị xóa khỏi đối tượng Sử dụng phương thức filter()Phương thức filter() được sử dụng để tạo một mảng mới từ một mảng hiện có. Xem ví dụ bên dưới Thí dụExamples Như bạn có thể thấy từ ví dụ trên, phương thức filter() chỉ xóa giá trị của khóa chứ không xóa chính khóa đó Dưới đây là từng dòng giải thích của đoạn mã trên let obj = { key1: "value1", key2: "value2", key3: "value3" };Chúng tôi đã tạo một đối tượng có 3 cặp khóa-giá trị let newObj = Object.keys(obj)
.filter(key => key != "key2")
.reduce((acc, key) => {
acc[key] = obj[key];
return acc;
}, {});đối tượng. keys() phương thức được sử dụng để tạo một mảng các khóa của đối tượng. Phương thức filter() được sử dụng để tạo một mảng mới từ mảng hiện có. Khóa được so sánh với “key2”. Nếu không bằng nhau thì cặp khóa-giá trị được thêm vào mảng mới. Phương thức reduce() được sử dụng để giảm mảng thành một đối tượng ________số 8Đầu ra của đoạn mã trên sẽ là. { key1. "giá trị1", phím3. "giá trị3" }. Như bạn có thể thấy, cặp khóa-giá trị với khóa “key2” đã bị xóa khỏi đối tượng Sử dụng vòng lặp for…inVòng lặp for…in được sử dụng để lặp lại các thuộc tính của một đối tượng Thí dụXem ví dụ dưới đây - Examples Như bạn có thể thấy từ ví dụ trên, vòng lặp for…in chỉ xóa giá trị của khóa chứ không xóa chính khóa đó Dưới đây giải thích từng dòng của đoạn mã trên Examples0 Chúng tôi đã tạo một đối tượng có 3 cặp khóa-giá trị Examples1 Vòng lặp for…in được sử dụng để lặp lại các thuộc tính của một đối tượng. Biến key dùng để lưu key của đối tượng. Nếu khóa là “key2”, thì cặp khóa-giá trị sẽ bị xóa khỏi đối tượng console.log(obj); Đầu ra của đoạn mã trên sẽ là. { key1. "giá trị1", phím3. "giá trị3" }. Như bạn có thể thấy, cặp khóa-giá trị với khóa “key2” đã bị xóa khỏi đối tượng Sự kết luậnTrong hướng dẫn này, chúng tôi đã xem xét 3 phương pháp để xóa các cặp khóa-giá trị tương ứng với các khóa đã cho khỏi một đối tượng. Toán tử xóa, vòng lặp for…in và phương thức filter() 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 cấu trúc lại đố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óaExamples7 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ó
Toán tử xóa thuộc tính tương ứng khỏi đối tượng Examples3 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ượngSử 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 cần 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 Examples4 Ví dụ Examples5 Nếu chúng ta muốn làm điều này một cách linh hoạt, chúng ta có thể làm điều này Examples6 Cũng có thể xóa nhiều thuộc tính bằng cùng một cú pháp kết thúcVà đó 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. trí tuệ. com QUẢNG CÁO QUẢNG CÁO Đọc thêm bài viết Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu |
