javaScript删除对象属性总结方法

在JavaScript中，可以使用以下几种方法来删除对象的属性：

1、使用delete关键字

• 使用delete关键字可以从对象中删除指定的属性。示例代码如下：

var obj = {
  name: "John",
  age: 30,
  city: "New York"
};

console.log(obj); // { name: "John", age: 30, city: "New York" }

delete obj.age;

console.log(obj); // { name: "John", city: "New York" }

2、直接赋值为undefined：

• 可以将属性的值直接赋值为undefined来删除属性。示例代码如下：

var obj = {
  name: "John",
  age: 30,
  city: "New York"
};

console.log(obj); // { name: "John", age: 30, city: "New York" }

obj.age = undefined;

console.log(obj); // { name: "John", age: undefined, city: "New York" }

需要注意的是，通过赋值为undefined删除属性只是将属性的值置为undefined，并没有真正从对象中删除属性。

3、使用Object.assign()方法：

• 可以使用Object.assign()方法创建一个新对象，只包含原对象中指定的属性，从而达到删除属性的效果。示例代码如下：

var obj = {
  name: "John",
  age: 30,
  city: "New York"
};

console.log(obj); // { name: "John", age: 30, city: "New York" }

var newObj = Object.assign({}, obj);
delete newObj.age;

console.log(obj); // { name: "John", age: 30, city: "New York" }
console.log(newObj); // { name: "John", city: "New York" }

通过Object.assign()方法创建的新对象不包含被删除的属性。需要注意的是，原对象并没有发生改变。

4、使用rest解构对象

• 1) 属性名称已知：

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

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

const obj= {
  name: '秋秋钟汉良',
  url: 'qq.com'
};
const { url, ...objRest } = obj;
console.log(objRest); // { name: '秋秋钟汉良' }
console.log(obj); // { name: '秋秋钟汉良',url: 'qq.com' }

• 2) 属性名称是动态的：

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

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

const obj = {  name: '秋秋钟汉良',  url: 'qq.com'};
const name = 'url';
const { [name]: removedProperty, ...objRest } = obj;
console.log(objRest); // { name: '秋秋钟汉良' }

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

const obj = {
  name: '秋秋钟汉良',
  url: 'qq.com',
  title: '秋秋测试大麦网网速', 
};
const { url, title, ...objRest } = obj;
console.log(objRest);

这些是JavaScript中常用的删除对象属性的方法，根据具体情况选择合适的方法来删除对象的属性。