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 将完全从对象中删除属性，会导致原始对象的发生改变，但速度很慢。

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

会改变原数组。

补充：delete 运算符删除对以前定义的对象属性或方法的引用

不可以删除的如下：

1通过var定义的变量 var a=1;delete a//false

2 声明后的函数 function a(){};delete a//false

3 prototype定义的属性 a.prototype.b=2;delete b//false

4 函数传进来的参数 function(a){delete a//false}

5 内建对象 delete arguments//false

可删除的如下：

1 未定义的变量 b=1;delete b;//true

2 删除对象的属性 var obj={x:1};delete obj.x;//true

总结

到此这篇关于js删除对象属性的多种方法的文章就介绍到这了,更多相关js删除对象属性内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！