关于给javascript对象添加、删除、修改对象的属性

以下是自己总结的几种方法,如有不妥,请君批评指正,不胜感激!

  • 利用动态特性

 1             function Person(){};
 2             var person = new Person();
 3             person.name = ‘yy‘;
 4             person.gender = ‘girl‘;
 5             console.log(person.name+‘,‘+person.gender);//yy,girl
 6             delete person.name;//删除属性
 7             console.log(person.name);//undefined
 8 //            变式
 9             function Person(){};
10             var person = new Person();
11             person[‘name‘] = ‘yy‘;
12             person[‘gender‘] = ‘girl‘;
13             console.log(person.name+‘,‘+person.gender);//yy,girl
14             delete person.name;//删除属性
15             console.log(person.name);//undefined                    
  • 构造函数中this

var Person = function (){
                this.name = ‘yy‘;
                this.gender = ‘girl‘
            };
            var person = new Person();
            console.log(person.name+‘,‘+person.gender);//yy,girl
  • 原型中添加属性

var Person = function (){
            };
            Person.prototype.name = ‘yy‘;
            Person.prototype.gender = ‘girl‘;
            var person = new Person();
            console.log(person.name+‘,‘+person.gender);//yy,girl
            console.log(person[‘name‘]+‘,‘+person[‘gender‘]);//yy,girl
  • 字面量添加属性

var person = {
            };
            person.name = ‘yy‘;
            person.gender = ‘girl‘;
            console.log(person.name+‘,‘+person.gender);//yy,girl
            console.log(person[‘name‘]+‘,‘+person[‘gender‘]);//yy,girl
//            另一种写法
            var person = {
                name: ‘yy‘,
                gender: ‘girl‘
            };
            console.log(person.name+‘,‘+person.gender);//yy,girl
            console.log(person[‘name‘]+‘,‘+person[‘gender‘]);//yy,girl
  • 封装extend方法

var p1 = {};
            var p2 = {name:‘yy‘,gender:‘girl‘};
            p1.extend = function(obj){
                for(var k in obj){
                    this[k] = obj[k];
                }
            }
            p1.extend(p2);
            console.log(p1.name+‘,‘+p1.gender);//yy,girl
            console.log(p1[‘name‘]+‘,‘+p1[‘gender‘]);//yy,girl
  • 在此列举了几种对象添加属性的方法,那么对象添加方法也就照猫画虎了

时间: 2024-11-05 00:45:18

关于给javascript对象添加、删除、修改对象的属性的相关文章

JavaScript学习 - 基础(八) - DOM 节点 添加/删除/修改/属性值操作

html代码: <!--添加/删除/修改 --> <div id="a1"> <button id="a2" onclick="add()">add</button> </div> <div id="a3"> <button onclick="del()">del</button> </div> &l

对表格单元格的添加删除修改

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

JTree 添加 , 删除, 修改

package com.swing.demo; import java.awt.BorderLayout; import java.awt.Container; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.awt.event.MouseAdapter; import java.awt.event.MouseEvent; import javax.swing.CellEdi

用SQL语句添加删除修改字段

1.增加字段     alter table docdsp     add dspcodechar(200)2.删除字段     ALTER TABLE table_NAME DROP COLUMNcolumn_NAME3.修改字段类型     ALTER TABLE table_name     ALTER COLUMNcolumn_name new_data_type4.sp_rename 改名     EXEC sp_rename '[dbo].[Table_1].[filedName1]

用SQL语句添加删除修改字段、一些表与字段的基本操作、数据库备份等

用SQL语句添加删除修改字段 1.增加字段 alter table docdsp add dspcode char(200) 2.删除字段 ALTER TABLE table_NAME DROP COLUMN column_NAME 3.修改字段类型 ALTER TABLE table_name ALTER COLUMN column_name new_data_type 4.sp_rename 改名 更改当前数据库中用户创建对象(如表.列或用户定义数据类型)的名称. 语法 sp_rename

用Javascript动态添加删除HTML元素实例 (转载)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>用javascript动态添加删除html元素</title> <script type="text/jav

转: javascript动态添加、修改、删除对象的属性和方法

在其他语言中,对象一旦生成,就不可更改了,要为一个对象添加修改成员必须要在对应的类中修改,并重新实例化,而且程序必须经过重新编译.JavaScript 中却非如此,它提供了灵活的机制来修改对象的行为,可以动态添加.修改.删除属性和方法.例如首先使用类Object来创建一个空对象user:var user=new Object();1.添加属性这时user 对象没有任何属性和方法,显然没有任何用途.但可以为它动态的添加属性和方法,例如:user.name=”jack”;user.age=21;us

WebKit JavaScript Binding添加新DOM对象的三种方式

一.基础知识 首先WebKit IDL并非完全遵循Web IDL,只是借鉴使用.WebKit官网提供了一份说明(WebKitIDL),比如Web IDL称"operation”(操作), 而WebKitIDL称为"method"(方法), 另外Web IDL也不像WebKitIDL那样将属性和参数分开. 为JavaScript绑定对象,可以使用module来定义所从属的模组. 典型的module包括: core, window, event, traversal, range

javascript动态添加删除表格

一.DOM= Document Object Model,文档对象模型.DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构.换句话说,这是表示和处理一个HTML或XML文档的常用方法. 通过 JavaScript,您可以重构整个 HTML 文档.您可以添加.移除.改变或重排页面上的项目. 要改变页面的某个东西,JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口.这个入口,连同对 HTML 元素进行添加.移动.改变或移除的方法和属性,都是通过文档对象模型来

Entity framework 绑定到Datagridview的添加删除修改

1 using System; 2 using System.Collections.Generic; 3 using System.ComponentModel; 4 using System.Data; 5 using System.Drawing; 6 using System.Linq; 7 using System.Text; 8 using System.Windows.Forms; 9 10 namespace EFBindingDataGridView 11 { 12 publi