如何从JavaScript对象中删除属性

admin

       在使用 JavaScript 中的对象时，你可能会遇到需要从对象中完全删除属性的情况。为实现这一点可以有好几个选择：
一、将属性设置为 undefined
" \% A7 Z7 t* y       将属性设置为 undefined 不是最好的方法，因为属性本身仍将存在于对象中。它还会改变原始对象，这可能是你所不希望的。

复制代码
const pet = {
  species: 'dog',
  age: 3,
  name: 'celeste',
  gender: 'female'
};

pet.gender = undefined;
Object.keys(pet); // ['species', 'age', 'name', 'gender']

二、使用 delete 操作符
' E) j8 n* h, g$ l3 x+ x& F       从技术上讲用 delete 操作符是从 JavaScript 对象中删除属性的正确方法。与上一个方法不同，delete 将完全从对象中删除属性，但它仍然会导致原始对象的发生改变。
4 z3 t. O' h9 N3 i

复制代码
const pet = {
  species: 'dog',
  age: 3,
  name: 'celeste',
  gender: 'female'
};

delete pet.gender;
Object.keys(pet); // ['species', 'age', 'name']

三、使用对象解构
& N2 ~1 d/ V3 m$ C       通过用展开运算符（...）可以将需要省略特定属性的对象解构到新对象。这个技巧在需要删除多个属性时特别有用，并且不会更改原始对象。

复制代码
const pet = {
  species: 'dog',
  age: 3,
  name: 'celeste',
  gender: 'female'
};

const { gender, ...newPet } = pet;
Object.keys(pet); // ['species', 'age', 'name', 'gender]
Object.keys(newPet); // ['species', 'age', 'name']