首页 web前端 js教程 javascript如何为对象添加、修改或者删除属性和方法实例详解

javascript如何为对象添加、修改或者删除属性和方法实例详解

Jul 21, 2017 am 09:45 AM
javascript js 修改

介绍如何为一个对象添加、修改或者删除属性和方法。在其他语言中,对象一旦生成,就不可更改了,要为一个对象添加修改成员必须要在对应的类中修改,并重新实例化,而且程序必须经过重新编译。JavaScript 中却非如此,它提供了灵活的机制来修改对象的行为,可以动态添加、修改、删除属性和方法。例如首先使用类Object来创建一个空对象user:

var user=new Object();
登录后复制

1.添加属性
这时user 对象没有任何属性和方法,显然没有任何用途。但可以为它动态的添加属性和方法,例如:

user.name=”jack”;
user.age=21;
user.sex=”male”;
登录后复制

通过上述语句,user 对象便具有了三个属性:name、age和sex。下面输出这三个语句:

alert(user.name);
alert(user.age);
alert(user.sex);
登录后复制

由代码运行效果可知,三个属性已经完全属于user 对象了。

2.添加方法
添加方法的过程和属性类似:

user.alert=function(){
alert(“my name is:”+this.name);
}
登录后复制

这就为user 对象添加了一个方法“alert”,通过执行它,可以弹出一个对话框显示自己的名字介绍:

user.alert();
登录后复制

3.修改属性
修改一个属性的过程就是用新的属性替换旧的属性,例如:

user.name=”tom”;
user.alert=function(){
alert(“hello,”+this.name);
}
登录后复制

这样就修改了user 对象name属性的值和alert方法,它从显示“my name is”变为了显示“hello”。

4.删除属性
删除一个属性的过程也很简单,就是将其置为undefined:

user.name=undefined;
user.alert=undefined;
登录后复制

这样就删除了name属性和alert方法。在之后的代码中,这些属性变的不可用。
在添加、修改或者删除属性时,和引用属性相同,也可以采用方括号([])语法:

user[“name”]=”tom”;
登录后复制

使用这种方式还有一个额外的特点,就是可以使用非标识符字符串作为属性名称,例如
标识符中不允许以数字开头或者出现空格,但在方括号([])语法中却可以使用:

user[“my name”]=”tom”;
登录后复制

需要注意,在使用这种非标识符作为名称的属性时,仍然要用方括号语法来引用:

alert(user[“my name”]);
登录后复制

而不能写为:

alert(user.my name);
登录后复制

利用对象的这种性质,甚至可以很容易实现一个简单的哈希表,在本书的后面将会看到其应用。此可见,JavaScript中的每个对象都是动态可变的,这给编程带来了很大的灵活性,也和其他语言产生了很大的区别,读者可以体会这种性质。

以上是javascript如何为对象添加、修改或者删除属性和方法实例详解的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

钉钉怎么修改群里的个人名称_钉钉修改群里个人名称方法 钉钉怎么修改群里的个人名称_钉钉修改群里个人名称方法 Mar 29, 2024 pm 08:41 PM

1、首先打开钉钉。2、打开群聊,点击右上角的三个点。3、找到我在本群的昵称。4、点击进入即可修改保存。

抖音蓝V可以改名字吗?企业抖音蓝V号名称修改步骤有哪些? 抖音蓝V可以改名字吗?企业抖音蓝V号名称修改步骤有哪些? Mar 22, 2024 pm 12:51 PM

抖音蓝V认证是企业或品牌在抖音平台上的官方认证,有助于提升品牌形象和可信度。随着企业发展战略的调整或品牌形象的更新,企业可能希望更改抖音蓝V认证的名字。那么,抖音蓝V可以改名字吗?答案是可以的。本文将详细介绍企业抖音蓝V号名称修改的步骤。一、抖音蓝V可以改名字吗?抖音蓝V账号是可以改名字的。根据抖音官方规定,企业蓝V认证账号在满足一定条件后,可以申请修改账号名称。一般来说,企业需要提供相关的证明材料,如营业执照、组织机构代码证等,以证明修改名称的合法性和必要性。二、企业抖音蓝V号名称修改步骤有哪

推荐:优秀JS开源人脸检测识别项目 推荐:优秀JS开源人脸检测识别项目 Apr 03, 2024 am 11:55 AM

人脸检测识别技术已经是一个比较成熟且应用广泛的技术。而目前最为广泛的互联网应用语言非JS莫属,在Web前端实现人脸检测识别相比后端的人脸识别有优势也有弱势。优势包括减少网络交互、实时识别,大大缩短了用户等待时间,提高了用户体验;弱势是:受到模型大小限制,其中准确率也有限。如何在web端使用js实现人脸检测呢?为了实现Web端人脸识别,需要熟悉相关的编程语言和技术,如JavaScript、HTML、CSS、WebRTC等。同时还需要掌握相关的计算机视觉和人工智能技术。值得注意的是,由于Web端的计

Win10睡眠时间修改技巧大揭秘 Win10睡眠时间修改技巧大揭秘 Mar 08, 2024 pm 06:39 PM

Win10睡眠时间修改技巧大揭秘作为目前广泛使用的操作系统之一,Windows10拥有睡眠功能,帮助用户在不使用电脑时节省电力并保护屏幕。然而,有时候默认的睡眠时间并不符合用户的需求,因此了解如何修改Win10睡眠时间就显得尤为重要。本文将揭示Win10睡眠时间修改的技巧,让您轻松自定义系统的睡眠设置。一、通过“设置”修改Win10睡眠时间首先,最简单的修

闲鱼怎么修改已发布商品地址位置 闲鱼怎么修改已发布商品地址位置 Mar 28, 2024 pm 03:36 PM

在闲鱼平台发布商品时,用户可以根据实际情况自定义设置宝贝的地理位置信息,这样潜在买家就能更精准地掌握商品的具体所在地。一旦商品成功上架,若卖家的地理位置有所变动,也无需担忧。闲鱼平台特别提供了灵活且便捷的修改功能,那么当我们想要修改已经发布产品的地址究竟该如何修改呢,这篇教程攻略就将为大家带来详细的步骤攻略介绍,希望能帮助到大家!闲鱼怎么修改发布产品地址?1、打开闲鱼,点击我发布的,选择商品,点击编辑。2、点击定位图标,选择需要设置的地址即可。

boss直聘怎么修改打招呼内容 boss直聘怎么修改打招呼内容 Mar 01, 2024 pm 03:40 PM

在boss直聘这款求职招聘软件中,用户可以个性化地设置自己的打招呼语句,以更好地展示自己的个性和求职意愿。但是有的时候默认的打招呼用语比较机械僵硬,很多用户们想要自己的更改却不知道在哪里设置,那么这篇教程攻略就将为大家带来详细修改步骤介绍,想要了解的玩家们就快来跟着本文一起一探究竟吧!boss直聘打招呼的话怎么改答案:【boss直聘】-【我的】-【设置图标】-【打招呼语】。具体步骤:1、首先我们点击boss直聘软件,进入到首页中后我们点击右下角的【我的】;2、然后来到我的页面中后可以看到相关的数

使用jQuery修改所有a标签的文本内容 使用jQuery修改所有a标签的文本内容 Feb 28, 2024 pm 05:42 PM

标题:使用jQuery修改所有a标签的文本内容jQuery是一款流行的JavaScript库,被广泛用于处理DOM操作。在网页开发中,经常会遇到需要修改页面上链接标签(a标签)的文本内容的需求。本文将介绍如何使用jQuery来实现这个目标,并提供具体的代码示例。首先,我们需要在页面中引入jQuery库。在HTML文件中添加以下代码:

hosts文件修改后无法保存 hosts文件修改后无法保存 Feb 20, 2024 am 08:14 AM

hosts文件是一种用来映射IP地址和主机域名的文本文件,用于解决域名解析问题。在某些情况下,我们可能需要对hosts文件进行修改,添加或删除一些条目。然而,有时候我们可能会遇到hosts文件修改后无法保存的问题。本文将探讨这个问题可能出现的原因,并提供一些解决方法。首先,hosts文件位于操作系统的系统目录中,如Windows操作系统下的路径是C:Wind

See all articles