javaScript删除对象属性总结方法

一、删除js中对象中属性

1.使用delete运算符

例：

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

delete object.property;

在属性访问器上应用

delete

运算符时，运算符会从对象中删除相应的属性：

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

1. 使用方括号属性访问器删除：

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

1. 属性名称是动态的：

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: '十六个人博客' }