iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >js如何删除对象里的某个属性
  • 548
分享到

js如何删除对象里的某个属性

2024-04-02 19:04:59 548人浏览 独家记忆
摘要

目录如何删除对象里的某个属性添加、修改、删除对象的属性和方法1.添加属性2.添加方法3.修改属性4.删除属性如何删除对象里的某个属性 删除属性有很多方法,学到了就在这里记录一下。 有

如何删除对象里的某个属性

删除属性有很多方法,学到了就在这里记录一下。

有一个对象 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);

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: js如何删除对象里的某个属性

本文链接: https://www.lsjlt.com/news/167609.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • js如何删除对象里的某个属性
    目录如何删除对象里的某个属性添加、修改、删除对象的属性和方法1.添加属性2.添加方法3.修改属性4.删除属性如何删除对象里的某个属性 删除属性有很多方法,学到了就在这里记录一下。 有...
    99+
    2022-11-13
  • JavaScript如何删除对象的某个属性
    这篇文章主要介绍“JavaScript如何删除对象的某个属性”,在日常操作中,相信很多人在JavaScript如何删除对象的某个属性问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解...
    99+
    2022-10-19
  • es6如何删除对象的某个属性
    在ES6中,可以使用`delete`关键字来删除对象的某个属性。具体语法如下:```javascriptdelete obj.pro...
    99+
    2023-10-09
    es6
  • JavaScript怎么删除对象的某个属性
    小编给大家分享一下JavaScript怎么删除对象的某个属性,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!JavaScript有什么特点1、js属于一种解释性脚本...
    99+
    2023-06-15
  • JavaScript如何删除对象的某个属性详析
    1、delete delete是删除对象的属性没有任何剩菜,剩下的唯一真正的方法,但它的工作比其“替代”设置慢100倍 object[key] = undefined var...
    99+
    2022-11-12
  • jquery如何删除某个属性
    这篇文章主要介绍“jquery如何删除某个属性”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“jquery如何删除某个属性”文章能帮助大家解决问题。 ...
    99+
    2022-10-19
  • js数组对象里面如何获取某个属性值相等的对象
    目录js数组对象里面获取某个属性值相等的对象js获取两个数组及数组对象中相同和不相同的值总结js数组对象里面获取某个属性值相等的对象 例: var outArr=[ {"name"...
    99+
    2023-05-16
    js数组对象 js属性值 js获取属性值对象
  • jquery如何删除div的某个属性
    这篇文章主要介绍了jquery如何删除div的某个属性的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇jquery如何删除div的某个属性文章都会有所收获,下面我们一起来看看吧。...
    99+
    2022-10-19
  • JS对象数组中如何匹配某个属性值
    目录对象数组中匹配某个属性值对象数组取出对象属性值完全一样的项对象数组中匹配某个属性值 如果有一个js对象数组,一个变量如下 var a = [     {         'id'...
    99+
    2022-11-13
  • js如何检查某对象是否有某属性
    小编给大家分享一下js如何检查某对象是否有某属性,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!检查某对象是否有某属性当你需要检查...
    99+
    2022-10-19
  • java如何删除对象属性
    在Java中,要删除对象的属性,可以使用以下方法:1. 将属性设置为null:可以将属性的引用设置为null,表示对象不再引用该属性...
    99+
    2023-10-18
    java
  • javascript如何删除对象的属性
    这篇文章主要介绍了javascript如何删除对象的属性,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。在javascript中,可以使用delete运算符来删除对象的属性,它...
    99+
    2023-06-15
  • js删除对象属性的多种方法举例
    目录1.将属性设置为 undefined2.使用 delete 操作符3.使用对象解构4.使用Reflect5.删除数组元素补充:delete 运算符删除对以前定义的对象属性或方法的...
    99+
    2022-12-09
    js删除对象属性的方法 js删除某一个属性 js delete删除对象属性
  • 怎么用javascript对象删除一个属性
    这篇文章主要介绍“怎么用javascript对象删除一个属性”,在日常操作中,相信很多人在怎么用javascript对象删除一个属性问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解...
    99+
    2022-10-19
  • jquery如何删除元素对象的属性
    本篇内容介绍了“jquery如何删除元素对象的属性”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2022-10-19
  • 如何使用es6删除对象属性
    本篇文章为大家展示了如何使用es6删除对象属性,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。es6删除对象属性的方法:使用delete操作符,语法“delete 对...
    99+
    2022-10-19
  • Vue.delete()删除对象的属性说明
    目录Vue.delete()删除对象的属性delete和Vue.delete的区别Vue.delete()删除对象的属性 Vue.delete( target, key ) da...
    99+
    2022-11-13
  • javascript删除对象属性的方法
    小编给大家分享一下javascript删除对象属性的方法,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!js删除对象属性的方法:1、使用deleteProperty方法,语法“Reflect.deleteProperty(数...
    99+
    2023-06-14
  • JavaScript删除对象的不必要的属性
    目录示例方式一:delete 删除方式二:解构补充总结 Thinking系列,旨在利用10分钟的时间传达一种可落地的编程思想。 业务开发中,我们经常会遇到:基于后端返回接...
    99+
    2022-11-12
  • es6如何判断对象是否包含某个属性
    本篇内容介绍了“es6如何判断对象是否包含某个属性”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作