Cách xóa khóa khỏi đối tượng trong JavaScript hoặc Node.js – js xóa khóa đố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 : js xóa khóa đố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  Nhận giá trị từ đối tượng JSON trong JavaScript (Mã ví dụ) - lấy giá trị từ đối tượng json trong javascript

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  SQL CHỌN DISTINCT - chọn khác biệt trong sql

Hãy tận hưởng!


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

JavaScript for Developers 27 – Deleting properties with the delete operator

  • Tác giả: Java Brains
  • Ngày đăng: 2016-02-13
  • Đánh giá: 4 ⭐ ( 8162 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Access the full course here: https://javabrains.io/courses/corejs_jsfordev

    Learn how to delete properties from an object.

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

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

Object trong Javascript (đọc hiểu trong 5 phút)

  • Tác giả: freetuts.net
  • Đánh giá: 5 ⭐ ( 7748 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tìm hiểu object trong javascript, giúp bạn hiểu được khái niệm đối tượng object là gì? Cách khởi tạo và các thêm thuộc tính / phương thức vào đối tượng.

Đối tượng trong JavaScript | JavaScript Object

  • Tác giả: hanoiict.edu.vn
  • Đánh giá: 5 ⭐ ( 6840 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài hướng dẫn này, bạn sẽ học cách tạo đối tượng và sử dụng đối tượng trong JavaScript theo cách đơn giản, dễ hiểu nhất.

javascript tìm và xóa đối tượng trong mảng dựa trên giá trị khóa

  • Tác giả: qastack.vn
  • Đánh giá: 3 ⭐ ( 6510 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Tôi có thể grep mảng cho id, nhưng làm cách nào tôi có thể xóa toàn…

Đối tượng JS

  • Tác giả: www.hiepsiit.com
  • Đánh giá: 5 ⭐ ( 6560 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

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

  • Tác giả: codelearn.io
  • Đánh giá: 3 ⭐ ( 4694 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é!

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  10 hiệu ứng di chuột qua hình ảnh dễ dàng mà bạn có thể sao chép và dán - img cơ bản khi di chuột