<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>js对象</title>
<script type="text/javascript">
//key value 键值对
// user1 = {
// name: "siki",
// age: 80,
// sex: "男"
// };
// var user1 = new Object();
// user1.name="sikiedu";
// user1.age=20;
// user1.sex="男";
// console.log(user1.name);//sikiedu
// console.log(user1.age);//80
// console.log(user1.sex);//男
// user1.name = "小明";
// console.log(user1.name);//小明
user1 = {
name:"siki",
age:80,
sex:"男"
};
user2 = {
name:"蓝猫",
age:10,
sex:"女"
};
function user(name,age,sex){
this.name = name;
this.age = age;
this.sex = sex;
// this.show = show;
// function show(){
// console.log(this.name+":"+this.age+":"+this.sex);
// }
this.show = function(){
console.log(this.name+":"+this.age+":"+this.sex);
}
this.setAge = function(age){
this.age=age;
}
}
user3 = new user("小红",20,"女");
user4 = new user("李白",40,"男");
// user4.setName = function(name){
// this.name = name;
// }
// console.log(user3.name);//小红
// console.log(user3.age);//20
// console.log(user3.sex);//女
// user3.show();//小红:20:女
// user4.setAge(18);
// user4.setName("小乔");
// user4.show();
// console.log(user3.name);//小红
// console.log(user3["name"]);//小红
// for in 循环
for(key in user3){
console.log(key + ":" + user3[key]);
}
</script>
</head>
<body>
</body>
</html>
JavaScript对象
1、什么是JavaScript对象
什么是键值对?key value一对、
2、创建JavaScript对象
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
3、创建构造方法
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
4、添加普通方法(方法一)
person.changeLastname=function (name){
this.lastname=name;
}
5、添加普通方法(方法二)
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
this.changeName=changeName;
function changeName(name)
{
this.lastname=name;
}
}
6、访问对象的属性
objectName.propertyName
7、访问对象的方法
objectName.methodName()
for in循环遍历对象
var student={
name:"siki",
age:12,
sex:"男"
}
for(key in student){
console.log(student[key]);
}