3707人加入学习
(6人评价)
Web前端第三季(JavaScript)

制作完成于2018年6月14日

价格 免费
<!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]);
}

[展开全文]

    function user(name,sex,age){
            this.name=name;
            this.sex=sex;
            this.age=age;
            this.show= function(){
             console.log(this.name+":"+this.sex+":"+this.age);
         }
        }    
       user1=new user("小莉","女",20);
       user2=new user("小馨","男",21);
        for(key in user1){
            console.log(key +":"+user1[key]);
        }
        user1.show();
        user2.show();

[展开全文]