js删除对象属性

科技新语

发布于 2025-07-18 13:54:42

3850

1.将属性设置为 undefined 属性本身仍将存在于对象中，它还会改变原始对象。

css 体验AI代码助手 代码解读复制代码const pet = { 
  species: 'dog', 
  age: 3, 
  name: 'celeste', 
  gender: 'female' }; 
 pet.gender = undefined; Object.keys(pet); // ['species', 'age', 'name', 'gender'] 123456789

2.使用 delete 操作符 delete 将完全从对象中删除属性，会导致原始对象的发生改变，但速度很慢。

css 体验AI代码助手 代码解读复制代码const pet = { 
  species: 'dog', 
  age: 3, 
  name: 'celeste', 
  gender: 'female' }; 
 delete pet.gender; Object.keys(pet); // ['species', 'age', 'name'] 123456789

delete操作符移除对象指定属性，删除成功返回true，否则返回false。
删除的属性不存在，delete不会起任何作用，但是仍会返回true。
如果原型链有同名属性，只会删除自身的属性。
delete不能删除全局作用域函数以及作用域中用let或const声明的属性。
delete可以删除对象的函数。
不可设置属性不能被删除。比如Math、Array、Object内置对象属性以及使用Object.defineProperty()方法设置的属性。

3.使用对象解构通过用展开运算符(…)可以将需要省略特定属性的对象解构到新对象。这个技巧在需要删除多个属性时特别有用，并且不会更改原始对象。

css 体验AI代码助手 代码解读复制代码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'] 12345678910

4.使用Reflect ES6新增的方法，Reflect.deleteProperty(对象，属性名)，返回一个布尔值。

css 体验AI代码助手 代码解读复制代码const pet = { 
  species: 'dog', 
  age: 3, 
  name: 'celeste', 
  gender: 'female' }; 
 Reflect.deleteProperty(pet, 'gender')Object.keys(pet); // ['species', 'age', 'name'] 123456789

5.删除数组元素

delete

ini 体验AI代码助手 代码解读复制代码delete arr[0];1

删除后数组长度不变，原索引下元素变为null。

splice

会改变原数组。

本文系转载，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

javascript

后端

本文系转载，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

javascript

后端

登录后参与评论

0 条评论

热度

js删除对象属性

js删除对象属性

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐