网站首页 > 技术文章 正文
在 JavaScript 中处理对象时,您可能会遇到应从对象中完全删除属性的情况。要做到这一点,您可以使用以下几种选择:
将属性设置为未定义
将属性设置为undefined通常不是最佳选择,因为属性本身仍将存在于对象中,尽管undefined它还会改变原始对象,这可能是不希望的。如果您检查属性的值或真实性而不是它的存在,您可能想使用它。
JavaScript
const pet = { species: 'dog', age: 3, name: 'celeste', gender: 'female'};pet.gender = undefined;Object.keys(pet); // ['species', 'age', 'name', 'gender']
使用删除运算符 从技术上讲,运算符 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']
更多内容请访问我的网站:https://www.icoderoad.com
- 上一篇: JavaScript-怎么删除数组中的重复项?
- 下一篇: 不可思议,竟然可以自动化的删除无用的代码
猜你喜欢
- 2024-11-27 VirtualBox 7.1.2 发布! 带来多项 GUI 更新,无人值守安装已彻底删除
- 2024-11-27 Spring boot+Mybatisplus用AR模式实现逻辑删除操作
- 2024-11-27 碎片时间学编程「127]:从数组中删除元素
- 2024-11-27 JavaScript程序员需要掌握的5个debug技巧
- 2024-11-27 python 列表删除
- 2024-11-27 souce-map-js + Vue 还原生成环境报错,让JS报错无所遁形
- 2024-11-27 如何使用 rmdir 命令删除目录?
- 2024-11-27 illustrator插件-常用功能开发-删除所有蒙版-js脚本开发-AI插件
- 2024-11-27 如何在 Ubuntu 22.04 LTS 中添加、删除和授予用户 Sudo 权限
- 2024-11-27 删除此函数式编程技术的 Switch 语句
- 标签列表
-
- content-disposition (47)
- nth-child (56)
- math.pow (44)
- 原型和原型链 (63)
- canvas mdn (36)
- css @media (49)
- promise mdn (39)
- readasdataurl (52)
- if-modified-since (49)
- css ::after (50)
- border-image-slice (40)
- flex mdn (37)
- .join (41)
- function.apply (60)
- input type number (64)
- weakmap (62)
- js arguments (45)
- js delete方法 (61)
- blob type (44)
- math.max.apply (51)
- js (44)
- firefox 3 (47)
- cssbox-sizing (52)
- js删除 (49)
- js for continue (56)
- 最新留言
-