javascript动态添加、修改、删除对象的属性和方法
上一节介绍了如何引用一个对象的属性和方法,现在介绍如何为一个对象添加、修改或
者删除属性和方法。
在其他语言中,对象一旦生成,就不可更改了,要为一个对象添加修改成员必须要在对
应的类中修改,并重新实例化,而且程序必须经过重新编译。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中的每个对象都是动态可变的,这给编程带来了很大的灵活性,
也和其他语言产生了很大的区别,读者可以体会这种性质。
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/dxz_1983/archive/2007/12/15/1940728.aspx
分享到:
相关推荐
在JavaScript中,对象的属性和方法可以在运行时动态添加、修改和删除,这与其他静态类型语言有着显著的不同。动态操作对象的能力,提供了极大的编程灵活性,使得在不重新编译和重新实例化的情况下,就能根据需要改变...
通过本文的学习,我们不仅了解了JavaScript中动态创建对象属性的基本方法,还深入了解了`Object.defineProperty()` 的高级用法。这些技能对于任何希望提高JavaScript编程水平的开发者来说都是必不可少的。希望本文能...
在实际开发中,我们可以根据需求选择合适的方法来操作对象属性,同时需要注意代码的安全性和性能。如果能结合现有的JavaScript专题知识,如面向对象、算法、数据结构等,将能更有效地在项目中应用这些技术。
3. 动态添加删除 HTML 元素:包括使用 JavaScript 实现动态添加删除 HTML 元素的技术和方法。 4. JavaScript 事件:包括事件处理函数、事件类型、事件对象等。 5. 元素操作:包括获取元素对象、添加元素、删除元素、...
在JavaScript中,对象和属性的特性是编程时必须理解的关键概念。这些特性直接影响了对象的行为和属性的可修改性。让我们深入探讨一下标题和描述中提及的一些知识点。 首先,`Object.isExtensible()`方法用于检查一...
### 修改窗口对象属性 #### 知识点概览 本文主要介绍了如何在 PowerBuild 9.0 中通过 `Modify` 方法动态地修改数据窗口(DataWindow)对象的属性。这包括了外观、行为以及数据库信息的调整。通过改变数据窗口对象...
本篇文章主要聚焦于JavaScript中的一些常用属性和方法,特别是针对文档对象模型(DOM)的操作。 1. **document对象**:作为JavaScript中的全局对象,它代表了整个HTML或XML文档。例如,`document.title`用于设置或...
冻结的对象不能添加、删除属性或改变属性的可枚举性、可配置性,密封的对象不能添加新的属性。 7. **Proxy和Reflect**:ES6引入了Proxy,可以创建一个代理对象,拦截并自定义对原对象的操作。Reflect API则提供了与...
总的来说,Vue 实现动态添加或删除对象和对象数组的关键在于理解数据驱动视图的原理,即通过修改 `data` 中的数组来更新视图。使用 `push`、`splice` 等数组方法,结合 Vue 的响应式系统,可以轻松实现这类功能。...
3. **动态性**:JavaScript的对象是动态的,可以在运行时添加、修改或删除属性和方法,这使得代码更加灵活。 4. **实例与构造函数**:JavaScript中,构造函数(如`function MyClass() {}`)用来创建并初始化新对象...
Object.freeze() 方法用于冻结一个对象,使其不能被修改,不能添加新的属性,不能删除已有属性,不能修改属性的可枚举性、可配置性等。 Object.defineProperty() Object.defineProperty() 方法用于定义或修改对象的...
7. **DOM修改**:包括改变元素的属性(`element.setAttribute()`)、文本内容(`element.textContent`),或者添加和删除样式(`element.style.property`)。 8. **表单处理**:JavaScript可以验证用户输入,控制表单...
DOM是HTML和XML文档的抽象表示,JavaScript可以利用DOM API操作页面元素,实现动态更新、添加或删除页面内容。例如,通过`document.getElementById`或`querySelector`等方法找到特定元素,然后修改其属性或内容。 ...
JavaScript支持面向对象编程,通过构造函数和原型链,可以创建可复用的对象和方法,这对于构建复杂特效和组件化开发尤其有用。 九、jQuery和其他库 jQuery是一个流行的JavaScript库,简化了DOM操作、事件处理和动画...
在JavaScript中,对象是核心数据类型之...了解这些基本的添加和删除对象属性的方法,有助于你在JavaScript开发中更好地管理对象状态和数据。在实际编程中,根据需求选择合适的操作方式,能提高代码的可读性和可维护性。
在本示例中,我们将探讨如何使用JavaScript操作数组和JSON对象,以实现动态添加、修改和删除数据的功能。具体来说,通过JavaScript的内建方法来操作JSON对象的数组,能够灵活地处理JSON数据结构,这对于开发动态网页...
此外,JavaScript的动态性使得对象的属性可以在运行时添加或删除,提供了很高的灵活性。 JavaScript的封装和多态性可以通过函数和闭包来实现。函数可以作为对象的方法,而闭包则允许函数访问和修改其外部作用域的...
以上两种方法可以帮助开发人员详细地了解DOM对象的结构,无论是在调试过程中,还是在需要动态添加、修改或删除属性的情况下。通过这些方法,我们可以将静态的HTML元素转换为动态交互式界面的一部分。 需要注意的是...