Cách xóa khóa khỏi đối tượng trong JavaScript hoặc Node.js – javascript xóa giá trị khóa khỏi đối tượng

Future Studio cung cấp chương trình học theo yêu cầu và muốn bạn trở thành một nhà phát triển Android tốt hơn (Retrofit, Gson, Glide, Picasso) và Node.js / hapi!

Bạn đang xem : javascript xóa giá trị khóa khỏi đối tượng

Xóa khóa khỏi đối tượng có thể xảy ra trong một số trường hợp. Giống như, trong trường hợp một yêu cầu chứa cặp khóa-giá trị không được phép là một phần của yêu cầu và bạn vẫn muốn xử lý yêu cầu đó. Sau đó, bạn có thể xóa các khóa không được phép và tiếp tục xử lý yêu cầu.

Hướng dẫn này chỉ cho bạn cách xóa một hoặc nhiều khóa khỏi đối tượng JavaScript.

Tổng quan về Sê-ri Node.js

Xóa Thuộc tính Đối tượng trong JavaScript

JavaScript cung cấp các cách khác nhau để xóa thuộc tính của một đối tượng. Cách chúng tôi khuyên bạn nên sử dụng là sử dụng cấu trúc hủy. Chúng tôi không khuyến khích sử dụng toán tử delete vì nó có thể gây ra tác dụng phụ trong mã của bạn. Hãy xem xét cả hai cách!

Sử dụng hủy cấu trúc để xóa thuộc tính khỏi đối tượng

Bạn có thể xóa một thuộc tính khỏi một đối tượng bằng cách sử dụng hàm hủy kết hợp với toán tử phần còn lại ... . Cấu trúc hủy chia một đối tượng thành các khóa riêng lẻ của nó và bạn có thể xóa những khóa mà bạn không muốn trong khóa mới.

Xem Thêm  Đọc và ghi tệp CSV bằng Python với Pandas - mở tệp csv bằng gấu trúc

Dưới đây là ví dụ về việc xóa thuộc tính group khỏi đối tượng người dùng:

  const user = {id: 1, name: 'Marcus', group: 'admin'}

const {['group']: group, ... userWithoutGroup} = người dùng
console.log (userWithoutGroup)
// {id: 1, name: 'Marcus'}
 

Đoạn mã hủy user thành thuộc tính group và mọi thứ khác được gọi là userWithoutGroup .

Bạn cũng có thể đặt chức năng này thành một chức năng tiện ích có thể tái sử dụng:

  / **
 * Trả về `obj` đã cho mà không có` thuộc tính`.
 *
 * @param {Object} obj
 * Thuộc tính @param {String}
 *
 * @returns {Object}
 * /
function withoutProperty (obj, property) {
    const {[property]: chưa sử dụng, ... rest} = obj

  trở lại nghỉ ngơi
}
 

Sau đó, sử dụng chức năng tiện ích withoutProperty như sau:

  const user = {id: 1, name: 'Marcus', group: 'admin'}

const userWithoutGroup = withoutProperty (người dùng, 'nhóm')
// {id: 1, name: 'Marcus'}
 

Thật tuyệt!

Tránh xóa đối tượng [property]

Bạn có thể biết toán tử delete có sẵn trên toàn cầu để xóa thuộc tính khỏi đối tượng JavaScript. Nhưng hãy cẩn thận: việc xóa một thuộc tính bằng cách sử dụng delete sẽ làm thay đổi đối tượng ban đầu!

  const user = {id: 1, name: 'Marcus', group: 'admin'}

xóa người dùng ['nhóm']

// điều này có thể gây ra 💥 trong các phần sử dụng `user.group`
 

Việc thay đổi đối tượng gốc có thể ảnh hưởng đến các phần khác của ứng dụng của bạn và có thể khó gỡ lỗi. Đặc biệt là khi bạn đang cung cấp thư viện của bên thứ ba dưới dạng một plugin cộng đồng có thể thay đổi các đối tượng bằng cách sử dụng delete . Tránh làm thay đổi đối tượng gốc.

Xem Thêm  Hệ thống đăng nhập sử dụng HTML, PHP và MySQL - làm thế nào để tạo một trang đăng nhập trong html với cơ sở dữ liệu

Hãy tận hưởng!


Xem thêm những thông tin liên quan đến chủ đề javascript xóa giá trị khóa khỏi đối tượng

03. Thêm Sửa Xoá JavaScript: Sửa dữ liệu từ localStorage.

  • Tác giả: Hung Trinh
  • Ngày đăng: 2022-02-06
  • Đánh giá: 4 ⭐ ( 4900 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Nội dung trong video nhằm hướng đến các bạn mới bắt đầu học và tìm hiểu về Lập Trình Front End.
    Mình sẽ luôn cố gắng giải đáp thắc mắc của các bạn trong phạm vi hiểu biết.
    Với mình thì không có câu hỏi nào là “ngớ ngẩn” bởi vì ai cũng đều xuất phát từ con số 0, vậy nên nếu không biết thì đừng ngại hỏi.

    Nếu có nhu cầu bạn có thể tham khảo khóa học gia sư 1-1 tại: https://zonexdev.online/
    Hoặc liên hệ qua: https://m.me/thhxxx/
    CHÚC CÁC BẠN HỌC TẬP TỐT!

Object Javascript Và Những Điều Bạn Cần Biết

  • Tác giả: codelearn.io
  • Đánh giá: 3 ⭐ ( 2421 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Javascript có 5 kiểu dữ liệu Number, String, Boolean, Undefined, Null và còn 1 kiểu nữa đó là Object. Bài viết này chúng ta cùng tìm hiều về Object nhé!

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

  • Tác giả: topdev.vn
  • Đánh giá: 3 ⭐ ( 4676 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 thuộc tính khỏi đối tượng JavaScript

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

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

  • Tác giả: qastack.vn
  • Đánh giá: 5 ⭐ ( 7500 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Như thế này: delete myObject.regex; // or, delete myObject[‘regex’]; // or, var prop = “regex”; delete…

[Tự học Javascript] Cách phân rã giá trị trong Javascript

  • Tác giả: cafedev.vn
  • Đánh giá: 3 ⭐ ( 7756 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hai cấu trúc dữ liệu được sử dụng nhiều nhất trong JavaScript là Objectvà Array.

Truyền dữ liệu JSON với JavaScript

  • Tác giả: hocjavascript.net
  • Đánh giá: 5 ⭐ ( 2221 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài viết này, chúng ta sẽ tìm hiểu về cách truyền dữ liệu JSON với JavaScript.

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  Ba loại chú thích trong Java: Javadoc, một dòng và nhiều dòng - kiểu bình luận trong java