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

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 : xóa khóa trong đối tượng javascript

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  Vòng lặp trong Java - ví dụ về vòng lặp java

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  Replace trong SQL là gì và cách sử dụng hàm Replace () [Đã cập nhật] - thay thế hàm trong sql

Hãy tận hưởng!


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

Thêm/sửa/xóa khóa học với Fetch và REST API

  • Tác giả: F8 Official
  • Ngày đăng: 2020-10-01
  • Đánh giá: 4 ⭐ ( 4948 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong video này mình đưa ra một ví dụ hơn giản làm chức năng Thêm/sửa/xóa khóa học với Fetch và REST API. Tuy chỉ là ví dụ nhỏ nhưng trong thực tế đây chính là cách mà website tương tác với dữ liệu qua API.

    🔥 Hãy chia sẻ các khóa học để mọi người được học MIỄN PHÍ ❤️
    🔥 Truy cập http://fullstack.edu.vn (miễn phí) để làm bài tập và quản lý được tiến độ học của bạn. Trong tương lai còn giúp bạn có hồ sơ đẹp trong mắt Nhà Tuyển Dụng.
    🔥 Tham gia nhóm Học lập trình tại F8 trên Facebook: https://www.facebook.com/groups/f8official/

    hoclaptrinh mienphi frontend backend devops
    —————————————
    HỌC LẬP TRÌNH MIỄN PHÍ
    1. Khóa Javascript cơ bản: https://fullstack.edu.vn/courses/javascript-co-ban
    2. Khóa HTML, CSS: https://fullstack.edu.vn/courses/html-css
    3. Khóa Responsive web design: https://fullstack.edu.vn/courses/responsive-web-design
    4. Khóa Xây dựng web với NodeJS & ExpressJS: https://fullstack.edu.vn/courses/nodejs
    —————————————
    LIÊN KẾT HỮU ÍCH
    1. Học lập trình: http://fullstack.edu.vn
    2. Viết CV xin việc: http://mycv.vn
    3. Danh sách phát Youtube: https://www.youtube.com/channel/UCNSCWwgW-rwmoE3Yc4WmJhw/playlists
    ———————————————————–
    LIÊN HỆ
    1. Facebook: https://fb.com/sondnmc
    2. Email: sondnf8@gmail.com

    Yêu các bạn ❤️

Lập trình đối tượng trong Javascript và mô hình BOM

  • Tác giả: longnv.name.vn
  • Đánh giá: 3 ⭐ ( 9988 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Lập trình đối tượng trong Javascript tức là mô phỏng thông tin như là lnhững đối tượng thực, mỗi đối tượng có nhiều hành động và thuộc tính

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

  • Tác giả: hanoiict.edu.vn
  • Đánh giá: 4 ⭐ ( 7206 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.

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

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

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

  • Tác giả: gialaipc.com.vn
  • Đánh giá: 5 ⭐ ( 6978 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

Cách lặp các thuộc tính của Object trong JavaScript

  • Tác giả: hocjavascript.net
  • Đánh giá: 5 ⭐ ( 7977 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Đôi khi, chúng tôi muốn lặp qua một đối tượng mảng liên kết JavaScript trong mã JavaScript của chúng tôi.

Từ khóa This trong JavaScript

  • Tác giả: laptrinhtudau.com
  • Đánh giá: 5 ⭐ ( 9960 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

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  Làm cách nào để lặp qua một mảng chuỗi trong Python? - lặp qua python mảng