js刪除對象屬性的多種方法舉例

更新時間：2022年12月09日 11:07:49 作者：黑蓮烈焰使

刪除屬性有很多方法,學到了就在這里記錄一下,下面這篇文章主要給大家介紹了關于js刪除對象屬性的多種方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下

1.將屬性設置為 undefined

屬性本身仍將存在于對象中，它還會改變原始對象。

const pet = { 
  species: 'dog', 
  age: 3, 
  name: 'celeste', 
  gender: 'female' 
}; 
 
pet.gender = undefined; 
Object.keys(pet); // ['species', 'age', 'name', 'gender']

2.使用 delete 操作符

delete 將完全從對象中刪除屬性，會導致原始對象的發(fā)生改變，但速度很慢。

const pet = { 
  species: 'dog', 
  age: 3, 
  name: 'celeste', 
  gender: 'female' 
}; 
 
delete pet.gender; 
Object.keys(pet); // ['species', 'age', 'name']

delete操作符移除對象指定屬性，刪除成功返回true，否則返回false。
刪除的屬性不存在，delete不會起任何作用，但是仍會返回true。
如果原型鏈有同名屬性，只會刪除自身的屬性。
delete不能刪除全局作用域函數以及作用域中用let或const聲明的屬性。
delete可以刪除對象的函數。
不可設置屬性不能被刪除。比如Math、Array、Object內置對象屬性以及使用Object.defineProperty()方法設置的屬性。

3.使用對象解構

通過用展開運算符(…)可以將需要省略特定屬性的對象解構到新對象。這個技巧在需要刪除多個屬性時特別有用，并且不會更改原始對象。

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

4.使用Reflect

ES6新增的方法，Reflect.deleteProperty(對象，屬性名)，返回一個布爾值。

const pet = { 
  species: 'dog', 
  age: 3, 
  name: 'celeste', 
  gender: 'female' 
}; 
 
Reflect.deleteProperty(pet, 'gender')
Object.keys(pet); // ['species', 'age', 'name']