如何从JavaScript对象中删除属性?

开发 前端
在使用 JavaScript 中的对象时,你可能会遇到需要从对象中完全删除属性的情况。为实现这一点可以有好几个选择。

[[389936]]

 1.将属性设置为 undefined

将属性设置为 undefined 不是最好的方法,因为属性本身仍将存在于对象中。它还会改变原始对象,这可能是你所不希望的。

 

  1. const pet = { 
  2.   species: 'dog'
  3.   age: 3, 
  4.   name'celeste'
  5.   gender: 'female' 
  6. }; 
  7.  
  8. pet.gender = undefined; 
  9. Object.keys(pet); // ['species''age''name''gender'

2.使用 delete 操作符

从技术上讲用 delete 操作符是从 JavaScript 对象中删除属性的正确方法。与上一个方法不同,delete 将完全从对象中删除属性,但它仍然会导致原始对象的发生改变。

 

  1. const pet = { 
  2.   species: 'dog'
  3.   age: 3, 
  4.   name'celeste'
  5.   gender: 'female' 
  6. }; 
  7.  
  8. delete pet.gender; 
  9. Object.keys(pet); // ['species''age''name'

3.使用对象解构

通过用展开运算符(...)可以将需要省略特定属性的对象解构到新对象。这个技巧在需要删除多个属性时特别有用,并且不会更改原始对象。

 

  1. const pet = { 
  2.   species: 'dog'
  3.   age: 3, 
  4.   name'celeste'
  5.   gender: 'female' 
  6. }; 
  7.  
  8. const { gender, ...newPet } = pet; 
  9. Object.keys(pet); // ['species''age''name', 'gender] 
  10. Object.keys(newPet); // ['species''age''name'

 

责任编辑:华轩 来源: 前端先锋
相关推荐

2021-05-10 08:45:34

JavaScript开发对象

2021-06-03 10:00:47

JavaScript 前端数克隆对象

2020-08-23 11:32:21

JavaScript开发技术

2023-07-11 11:01:55

Ubuntu软件仓库

2023-06-02 15:42:51

JavaScript数据结构对象

2023-05-25 14:06:45

ChatGPT人工智能工具

2021-05-08 09:49:07

JavaScript延迟加载

2018-09-06 13:10:12

Windows 10Windows磁盘分区

2024-04-11 08:30:05

JavaScript数组函数

2020-11-26 08:12:24

JavaScript对象数组

2020-08-19 08:29:22

JavaScript 对象函数

2015-07-06 09:59:56

JavaScript私有成员

2009-06-24 15:28:19

arguments对象JavaScript函

2023-05-29 15:16:42

2020-10-25 17:48:54

LVM系统运维

2021-10-21 18:47:37

JavaScript面向对象

2019-12-04 09:50:11

Windows 10删除过时软件

2023-04-26 15:19:36

JavaScripMap数组

2022-11-13 19:46:49

Ubuntu

2012-07-25 13:25:11

ibmdw
点赞
收藏

51CTO技术栈公众号