码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2016-04-06 02:11:36      阅读:270      评论:0      收藏:0      [点我收藏+]

标签:

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

  • 利用动态特性

 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对象添加、删除、修改对象的属性

标签:

原文地址:http://www.cnblogs.com/goweb/p/5357640.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!