delete 删除对象属性

参考

1.使用delete运算符

例：

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

1	delete object.property;

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

1 2 3

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

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

1 2	delete object['property'];// orconst name = 'dynamicProperty'; delete object[name];

使用delete运算符删除属性是可变的，因为它会改变原始对象。

如果要删除的属性名称是动态确定的，则可以使用方括号语法：

1 2 3 4

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

2.使用rest解构对象

1) 属性名称已知：

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

应用解构和rest语法后，restObject将包含与object相同的属性，只是没有删除的属性。

1 2 3 4 5 6 7

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

2) 属性名称是动态的：

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

如果要删除的属性名称是动态确定的，则可以使用动态属性名称解构语法：

1 2 3 4

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

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

1 2 3 4 5 6 7

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

附：通过赋值得到方式

1 2 3 4 5 6 7 8 9 10 11 12

const car = {   color: 'blue',   brand: 'Ford' } const prop = 'color'   const newCar = Object.keys(car).reduce((object, key) => {   if (key !== prop) {     object[key] = car[key]   }   return object }, {})

总结