QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 2548|回复: 0

[HTML/CSS/JS] 如何从JavaScript对象中删除属性

[复制链接]

等级头衔

积分成就    金币 : 2861
   泡泡 : 1516
   精华 : 6
   在线时间 : 1322 小时
   最后登录 : 2025-10-13

丰功伟绩

优秀达人突出贡献荣誉管理论坛元老活跃会员

联系方式
发表于 2021-3-31 10:50:00 | 显示全部楼层 |阅读模式
       在使用 JavaScript 中的对象时,你可能会遇到需要从对象中完全删除属性的情况。为实现这一点可以有好几个选择:5 b0 y. D5 J2 R1 K- v
一、将属性设置为 undefined
* M1 y' b  N9 ~  [       将属性设置为 undefined 不是最好的方法,因为属性本身仍将存在于对象中。它还会改变原始对象,这可能是你所不希望的。) a8 G9 G( `! l/ j0 \. e. ~
const pet = {
  species: 'dog',
  age: 3,
  name: 'celeste',
  gender: 'female'
};

pet.gender = undefined;
Object.keys(pet); // ['species', 'age', 'name', 'gender']
二、使用 delete 操作符6 ]8 t) f. ~3 E
       从技术上讲用 delete 操作符是从 JavaScript 对象中删除属性的正确方法。与上一个方法不同,delete 将完全从对象中删除属性,但它仍然会导致原始对象的发生改变。
" A! S( A( b. _4 j; x4 s
const pet = {
  species: 'dog',
  age: 3,
  name: 'celeste',
  gender: 'female'
};

delete pet.gender;
Object.keys(pet); // ['species', 'age', 'name']
三、使用对象解构' A" R& {6 n) p8 t) I2 d( B+ B
       通过用展开运算符(...)可以将需要省略特定属性的对象解构到新对象。这个技巧在需要删除多个属性时特别有用,并且不会更改原始对象。
9 R; K. a' j+ z, W
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']
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|小黑屋|paopaomj.COM ( 渝ICP备18007172号|渝公网安备50010502503914号 )

GMT+8, 2025-11-29 18:58

Powered by paopaomj X3.5 © 2016-2025 sitemap

快速回复 返回顶部 返回列表