javascript对象添加、删除、修改对象的属性的几种方法

转载  郑建华   2020-03-16   120人阅读  0 条评论

利用动态特性

function Person(){};
           var person = new Person();
            person.name = 'yy';
             person.gender = 'girl';
             console.log(person.name+','+person.gender);//yy,girl
            delete person.name;//删除属性
             console.log(person.name);//undefined
            //变式
             function Person(){};
             var person = new Person();
            person['name'] = 'yy';
             person['gender'] = 'girl';
             console.log(person.name+','+person.gender);//yy,girl
             delete person.name;//删除属性
            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


本文地址:https://www.zjh336.cn/?id=290
温馨提示:文章内容系作者个人观点,不代表华仔部落对观点赞同或支持。
版权声明:本文为转载文章,来源于 郑建华 ,版权归原作者所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?