如何从JavaScript对象中删除属性？
如何从JavaScript对象中删除属性？
疯狂的技术宅
发布于 2021-03-31 16:27:50
发布于 2021-03-31 16:27:50
代码可运行
运行总次数：1
代码可运行
在使用 JavaScript 中的对象时，你可能会遇到需要从对象中完全删除属性的情况。为实现这一点可以有好几个选择：
将属性设置为 undefined
将属性设置为 undefined 不是最好的方法，因为属性本身仍将存在于对象中。它还会改变原始对象，这可能是你所不希望的。
const pet = {
species: 'dog',
age: 3,
name: 'celeste',
gender: 'female'
};
pet.gender = undefined;
Object.keys(pet); // ['species', 'age', 'name', 'gender']使用 delete 操作符
从技术上讲用 delete 操作符是从 JavaScript 对象中删除属性的正确方法。与上一个方法不同，delete 将完全从对象中删除属性，但它仍然会导致原始对象的发生改变。
const pet = {
species: 'dog',
age: 3,
name: 'celeste',
gender: 'female'
};
delete pet.gender;
Object.keys(pet); // ['species', 'age', 'name']使用对象解构
通过用展开运算符（...）可以将需要省略特定属性的对象解构到新对象。这个技巧在需要删除多个属性时特别有用，并且不会更改原始对象。
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']本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2021-03-26，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
![JavaScript 进阶问题列表[每日前端夜话0x95]](https://ask.qcloudimg.com/http-save/yehe-1120945/3djq77htgv.webp)
推荐阅读
相关推荐
有个开发者总结这 15 优雅的 JavaScript 个技巧
更多 >
腾讯云开发者
