JavaScript: 删除对象的某个属性
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 将完全从对象中删除属性,会导致原始对象的发生改变,但速度很慢。
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']
5.删除数组元素
- delete
delete arr[0];
删除后数组长度不变,原索引下元素变为null。
- splice
会改变原数组。