快捷導(dǎo)航

js刪除對(duì)象屬性的多種方法舉例

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

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

1.將屬性設(shè)置為 undefined

屬性本身仍將存在于對(duì)象中，它還會(huì)改變?cè)紝?duì)象。

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

2.使用 delete 操作符

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

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

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

3.使用對(duì)象解構(gòu)

通過用展開運(yùn)算符(…)可以將需要省略特定屬性的對(duì)象解構(gòu)到新對(duì)象。這個(gè)技巧在需要?jiǎng)h除多個(gè)屬性時(shí)特別有用，并且不會(huì)更改原始對(duì)象。

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(對(duì)象，屬性名)，返回一個(gè)布爾值。

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