js 如何删除对象里的某个属性
如何删除对象里的某个属性
删除属性有很多方法，学到了就在这里记录一下。
有一个对象 a 。有2个属性 b=1 , c=2 删除b，保留 c
1.使用delete
let a = {b:1,c:2}
delete a.b//true
console.log(a)//{c:2}2.使用解构
let a = {b:1,c:2}
let {b,...a} = a
console.log(a)//{c:2}3.使用反射
let a = {b:1,c:2}
Reflect.deleteProperty(a,"b");
console.log(a)//{c:2}添加、修改、删除对象的属性和方法
在其他语言中，对象一旦生成，就不可更改，要为一个对象添加修改成员必须要在对应的类中修改，并重新实例化，而且程序必须经过重新编译。
JavaScript 中却非如此，它提供了灵活的机制来修改对象的行为，可以动态添加、修改、删除属性和方法。
例如首先使用类Object来创建一个空对象user：
var user = new Object();
1.添加属性
这时user对象没有任何属性和方法，可以为它动态地添加属性
user.name = 'Amy'; user.age = 10; user.address = "cn";
通过上述语句，user 对象便具有了三个属性：name、age和address, 打印输出user如下：
2.添加方法
添加方法地过程和添加属性地方法类似：
user.call = function() {
console.log('Hello, My name is '+ this.name);
}
这就为user 对象添加了一个方法“call”，通过执行它，可以在打印台显示自己的名字介绍
console.log(user);user.call();
打印结果如下：
3.修改属性
修改一个属性的过程就是用新的属性替换旧的属性，例如：
user.name = 'Rose';
user.call = function() {
console.log('Hello, this is '+ this.name);
}
这样就修改了user 对象name属性的值和call方法
4.删除属性
删除一个属性的过程也很简单，就是将其置为undefined :
user.name=undefined; user.call=undefined;
这样就删除了name属性和call方法，在之后的代码中，这些属性变的不可用
注：在添加、修改或者删除属性时，和引用属性相同，也可以采用方括号（[]）语法： user[“name”]=”tom”;
使用这种方式还有一个额外的特点，就是可以使用非标识符字符串作为属性名称，例如：
标识符中不允许以数字开头或者出现空格，但在方括号（[]）语法中却可以使用： user[“my name”]=”tom”;
需要注意，在使用这种非标识符作为名称的属性时，仍然要用方括号语法来引用： alert(user[“my name”]);
而不能写为： alert(user.my name);
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章介绍了HTML中用JS实现旋转的圣诞树，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-12-12
设置与获取样式属性是UI控件与特效库非常关键的部分，设置样式我们基本可以用cssText来包打天下，但获取样式就不是这回事了。2010-01-01
为一个字符串进行URL编码很容易,只需要调用encodeURI,传入要编码的字符串即可,而且实现的方法不止这一个,下面这篇文章主要给大家介绍了关于js对url进行编码解码的三种方式,需要的朋友可以参考下2023-02-02
得到当前行的值的javascript代码...2007-06-06
基于JS实现横线提示输入验证码随验证码输入消失(js验证码的实现)
最近在开微信的页面，在项目需求中遇到之前没有做过的功能，要求横线提示输入验证码随验证码输入横线消失，基于js怎么实现的呢？下面小编给大家分享基于js实现验证码功能，感兴趣的朋友一起看看吧2016-10-10
本文主要介绍了element el-input 删除边框的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-04-04
经常有同事问我在火狐浏览器怎么获取event的方法，大多是想获取event.keyCode的功能,接下来为您介绍两种实现方法，需要了解的朋友可以参考下2012-12-12
这篇文章主要介绍了Javascript Memoizer浅析,Memoizer貌似是一种缓存方法调用结果的功能,小编也没有太懂,需要的朋友参考下吧2014-10-10
这篇文章主要介绍了JS获取当前时间戳与时间戳转日期时间格式,本文结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-01-01
这篇文章主要介绍了原生Js 实现的简单无缝滚动轮播图的示例代码，帮助大家更好的理解喝学习使用js，感兴趣的朋友可以了解下2021-05-05
最新评论