• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > JS、jQ >  JS对象添加、删除、修正文

JS对象添加、删除、修改对象的属性

作者:goweb
类型:文章教程
点击次数:
发布时间:2019-01-10 12:09
分享到:
以下是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
在此列举了几种对象添加属性的方法,那么对象添加方法也就照猫画虎了
(责任编辑:网页模板)
  • 本文标签:
  • JS对象
三目运算符判断超过两种情况
js将字符串中所有反斜杠\替换成正斜杠/