JavaScript(4)——对象的操作

对象的操作主要包括：访问属性、添加属性、修改属性、删除属性、遍历属性

一、访问属性

有2种方式：对象名.属性名、对象名[“属性名”]

代码演示：

var person = {
	name:"ducaifeng",
	age:33
}
console.log("姓名："+person.name);//对象.属性名
console.log("姓名："+person["name"]);//对象[属性名]

二、添加属性

有2种方式：对象名.属性名=值、对象名[“属性名”]=值

代码演示：

var person = {
	name:"ducaifeng",
	age:33
}
person.height = 160;//对象.属性名=值
person["weight"] = 45;//对象名["属性名"]=值
console.log("身高："+person.height+"cm,","体重："+person.weight+"kg");

三、修改属性

有2种方式：对象名.属性名=值、对象名[“属性名”]=值

代码演示：

var person = {
	name:"ducaifeng",
	age:33
}
person.name = "caifeng";//对象.属性名=值
person["age"] = 25;//对象名["属性名"]=值
console.log("姓名："+person.name,",年龄："+person.age);

四、删除属性

有2种方式：delete 对象名.属性名、delete 对象名[“属性名”]

代码演示：

var person = {
	name:"ducaifeng",
	age:33
}
delete person.name;// delete 对象名.属性名
delete person["age"];//delete 对象名["属性名"]

五、遍历

有2种方式：for/in、Object.keys(对象名)

1）for/in方式

代码演示：

var person = {
	name:"ducaifeng",
	age:33
}
for(var i in person){
	console.log(i+"："+person[i]);//i：为属性名；
}

2）Object.keys(对象名)方式

代码演示：

var person = {
	name:"ducaifeng",
	age:33
}
Object.keys(person).forEach(function(key){
	console.log(key+"："+person[key]);//key：属性名
})

（我有免费的JavaScript学习视频，想要的鞋童们可以加我微信）