es6删除对象的属性_JS对象添加、删除、修改对象的属性_js教程,jquery教程,ES5教程,ES6教程_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！...

以下是cnblog goweb总结的几种为JS对象添加、删除、修改对象的属性方法，我爱模板网只是把它搬运到了这里：

利用动态特性

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

在此列举了几种对象添加属性的方法，那么对象添加方法也就照猫画虎了