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

来源:互联网 发布:淘宝主图点击率怎么看 编辑:程序博客网 时间:2024/05/20 04:09

以下是自己总结的几种方法

  • 利用动态特性

复制代码
 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,girl14             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
复制代码
阅读全文
0 0
原创粉丝点击