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

 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'] 

网页名称:如何从JavaScript对象中删除属性?
转载来源:http://www.shufengxianlan.com/qtweb/news36/25236.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联