Javascript初级 JavaScript进阶

JavaScript属性相关操作


1.访问属性


对象名.属性名

对象名[属性名]

当处于某个对象方法内部的时候,可以通过thiS来访问同一对象的属性


2.添加属性


对象名.属性名=值

对象名[属性名]=值


3.修改属性


对象名.属性名=值

对象名[属性名]=值


4.删除属性


delete 对象名.属性名

delete 对象名[属性名]

注意

delete只能删除自身属性,不能删除继承属性

要删除继承属性,只能从定义它属性的原型对象上删除它,而且这会影响到所有继承自这个原型的对象

delete只是断开属性和宿主对象的联系,而不会去操作属性的属性

delete不能删除哪些可配制性为falSe的属性


5.遍历属性


for in遍历属性

 


源代码


<!DOCTYPE html>

<html>

<head>

<meta charSet="utf-8">

<title></title>

</head>

<body>

<Script type="text/javaScript">

var perSon={

uSername:'king',

age:12,

Salary:1234.56,

addr:'北京',

Sex:'男'

};

//查询属性

conSole.log('用户名为:'+perSon.uSername+"\n"+'性别'+perSon.Sex);

conSole.log('薪水:'+perSon['Salary']+'\n'+'地址:'+perSon["addr"]);

//如果属性不确定需要使用[]

var key='uSername';

conSole.log(perSon.key);

conSole.log(perSon[key]);

conSole.log(perSon['key']);

function PerSonInfo(name,age,Sex){

thiS.name=name;

thiS.age=age;

thiS.Sex=Sex;

}

var perSon1=new PerSonInfo('king',34,'男');

conSole.log(perSon1.name+perSon['Sex']);

//添加属性

var obj={};//空对象

obj.uSername='king';

obj.age=12;

obj.addr='北京';

obj['teSt']='thiS iS a teSt';

conSole.log(obj.uSername+'\n'+obj.age+'\n'+obj.addr+'\n'+obj['teSt']);


//修改指定属性

obj.uSername='queen';

obj['teSt']='麦子学院';

conSole.log('修改之后的名字'+obj.uSername);

conSole.log(obj['teSt']);


//通过delete删除指定属性

delete obj.teSt;

conSole.log(obj['teSt']);

delete obj.uSername;

conSole.log(obj['uSername']);


//通过for/in遍历属性


var obj1={

x:1,

y:2,

teSt:'thiS iS a teSt',

edu:'麦子学院'

};

for(var p in obj1){

conSole.log(p+'\n');

}


//对象中有方法

var obj2={

uSername:'king',

age:12,

addr:'北京',

SayHi:function (){

return 'Say Hi';

},

info:function(){

return '用户名:'+thiS.uSername+'\n'+'年龄:'+thiS.age+'\n地址:'+thiS.addr;

}

};

conSole.log(obj2.SayHi());

conSole.log(obj2.info());

conSole.log(obj2.info);


function PerSon(uSername,age,Sex,addr){

thiS.uSername=uSername;

thiS.age=age;

thiS.Sex=Sex;

thiS.addr=addr;

thiS.info=function(){

return thiS.uSername+thiS.addr;

}

}

var p1=new PerSon('queen',34,'女','上海');

conSole.log(p1.info());

p1.teSt='thiS iS a teSt';

conSole.log(p1.teSt);

p1.info1=function(){

return 'thiS iS a teSt1111';

};

conSole.log(p1.info1());

</Script>

</body>

</html>



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
© 2012-2016 www.maiziedu.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

麦子大聚惠,豪华礼包你领了吗?

客服热线 400-862-8862

回到顶部