Cách xóa khóa khỏi đối tượng trong JavaScript hoặc Node.js – js xóa 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 : js xóa 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  Front-end developer từ chưa biết gì tới chuyên gia (phần 1) - học front end

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 ban đầu.

Xem Thêm  Phương pháp - Hướng dẫn lập trình C # - làm thế nào để sử dụng một phương pháp

Hãy tận hưởng!


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

JavaScript Problem: Removing Duplicate Objects from an Array

  • Tác giả: All Things JavaScript, LLC
  • Ngày đăng: 2021-02-12
  • Đánh giá: 4 ⭐ ( 7189 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: In todays JavaScript tutorial we are going to tackle another JavaScript problem. We are going to look at how you can take an array of objects and remove those that are duplicates.

    Earn SCRIPT: https://app.tryroll.com/claim/SCRIPT-hUjqVgzYDFLu

    Unlimited access to EVERY course for one low price: https://allthingsjavascript.teachable.com/p/javascript-the-complete-collection

    Access to EVERY course via subscription (get 2 months free): https://www.skillshare.com/r/profile/Steven-Hancock/24508

    Courses offered on Udemy at a discount (access from my site): http://allthingsjavascript.com/courses.html

    Tutorials referred to in this video:
    Maps: https://youtu.be/4UqSqF4foy4
    Array Method Basics: https://youtu.be/RePO4I6PzSA
    Reduce Magic: https://youtu.be/kC3AasLEuBA
    Higher Order Functions: https://youtu.be/O9lMynNdka4
    Spread Operator: https://youtu.be/ugw32Yprzjw

    Medium Article: https://medium.com/javascript-in-plain-english/22-utility-functions-to-ace-your-javascript-coding-interview-21ca676ad70

    Need Help? https://pensight.com/x/steven-hancock

    For more resources on JavaScript:
    http://www.allthingsjavascript.com

    javascript AllThingsJavaScriptLLC

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

  • Tác giả: helpex.vn
  • Đánh giá: 5 ⭐ ( 1849 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Câu hỏi này đã có câu trả lời ở đây: Làm cách nào để xóa thuộc tính khỏi đối tượng JavaScript? 38 câu trả lời Giả sử chúng ta có một đối tượng với định dạng…

Từ khóa This trong JavaScript

  • Tác giả: laptrinhtudau.com
  • Đánh giá: 3 ⭐ ( 5180 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Từ khóa This trong JavaScript – Lập Trình Từ Đầu 1 JavaScript Căn Bản

Social Network for Programmers and Developers

  • Tác giả: morioh.com
  • Đánh giá: 5 ⭐ ( 7094 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Social network for developers to discuss topics about bugs and issues, write and share knowledge and connect with millions of developers worldwide.

Cách lọc một đối tượng theo khóa trong JavaScript

  • Tác giả: gialaipc.com.vn
  • Đánh giá: 4 ⭐ ( 5996 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [ad_1]

    Ngày 19 tháng 8 năm 2021

    Các đối tượng JavaScript không có filter() , trước tiên bạn phải

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

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

Lớp trong Javascript

  • Tác giả: xuanthulab.net
  • Đánh giá: 4 ⭐ ( 8461 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Khai báo và sử dụng lớp trong JavaScript, tạo ra các đối tượng lớp, kế thừa lớp

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  Tiếng anh chuyên nghành ô tô - control unit là gì