关于给javascript对象添加、删除、修改对象的属性
2017-09-25 21:31
1026 查看
以下是自己总结的几种方法
利用动态特性
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
相关文章推荐
- 关于给javascript对象添加、删除、修改对象的属性
- javascript动态添加、修改、删除对象的属性与方法
- javascript动态添加、修改、删除对象的属性和方法
- javascript动态添加、修改、删除对象的属性和方法
- javascript动态添加、修改、删除对象的属性和方法
- javascript动态添加、修改、删除对象的属性与方法详解
- 转: javascript动态添加、修改、删除对象的属性和方法
- javascript动态添加、修改、删除对象的属性和方法
- javascript动态添加、修改、删除对象的属性和方法
- javascript动态添加、修改、删除对象的属性和方法
- 在javascript中添加、修改或者删除对象实例的属性和方法
- javascript动态添加、修改、删除对象的属性与方法详解
- JavaScript---动态添加删除属性与方法和对象构造方法
- JavaScript中定义对象的方式,动态添加属性和动态删除属性!
- 这是一个关于XML文档的操作管理器XMLHelper类,类中包括XML文档的创建,文档节点和属性的读取,添加,修改,删除的方法功能的实现
- javascript里面的数组,json对象,动态添加,修改,删除示例
- JavaScript数组,JSON对象实现动态添加、修改、删除功能示例
- JavaScript中对象属性的添加和删除
- js学习(一)-动态添加、修改、删除对象的属性和方法
- JavaScript可以动态添加、删除对象属性与方法