js对象如何删除属性（javaScript删除对象属性总结方法）

 一    
    
    
  、删除js中对象中属性

1.使用delete运算符

例：

1) 使用点属性访问器删除：

delete object.property;

在属性访问器上应用delete运算符时    
    
    
  ，运算符会从对象中删除相应的属性：

const obj = {name: 十六个人博客,url: rwlok.com}; delete obj.url; console.log(obj); // { name: 十六个人博客 }

2) 使用方括号属性访问器删除：

delete object[property];// orconst name = dynamicProperty; delete object[name];

使用delete运算符删除属性是可变的     


     


     


     
，因为它会改变原始对象    
    
    
  。

如果要删除的属性名称是动态确定的




 




 




 




，则可以使用方括号语法：

const obj = {  name: 十六个人博客,  url: rwlok.com}; const name = url; delete obj[name]; console.log(obj); // { name: 十六个人博客 }

2.使用rest解构对象

1) 属性名称已知：

const { property, ...restObject } = object;

应用解构和rest语法后
   

   

   

 ，restObject将包含与object相同的属性     

     

     

     ，只是没有删除的属性     


     


     


     
。

const obj= {  name: 十六个人博客,  url: rwlok.com }; const { url, ...objRest } = obj; console.log(objRest); // { name: 十六个人博客 } console.log(obj); // { name: 十六个人博客,url: rwlok.com }

2) 属性名称是动态的：

const name = property; const { [name]: removedProperty, ...restObject } = object;

如果要删除的属性名称是动态确定的 




  




  




  




，则可以使用动态属性名称解构语法：

const obj = {  name: 十六个人博客,  url: rwlok.com}; const name = url; const { [name]: removedProperty, ...objRest } = obj; console.log(objRest); // { name: 十六个人博客 }

rest结构方法还可以一次性删除多个属性：

const obj = { name: 十六个人博客, url: rwlok.com, title: 卡卡测速网, }; const { url, title, ...objRest } = obj; console.log(objRest); // { name: 十六个人博客 }