码迷,mamicode.com
首页 > Web开发 > 详细

JS对象的创建

时间:2017-02-17 18:57:51      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:nbsp   char   html   数组   javascrip   har   定义   ima   格式   

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>JS对象的创建</title>
    <script type="text/javascript">
        //对象的创建方法
        //1.使用构造函数创建
        function Student (name,age){
            this.name=name;
            this.age=age;
        }
        //创建对象
        var  stu1 = new Student();
        var  stu2 = new Student("xiaoming",18);
        document.write("name:"+stu1.name+",age:"+stu1.age+"<br/>");
        document.write("name:"+stu2.name+",age:"+stu2.age+"<br/>");
        //for in 循环输出数组的内容(下标),也可以循环输出对象的属性
        // fa 要和输出的一致  自定义的
        for(var fa in stu2){
            //访问对象的属性 可以向数组的访问方式
            document.write(fa+":"+stu2[fa]+"<br/>");
        }

        //使用Object创建对象
        var stu3 = new Object();
        stu3.name = "李雷";
        stu3.age = "18";
        stu3.sex = "男";
        //方法 showInfo 自定义的 和下面的一致
        stu3.showInfo = function(){
        document.write("name:"+this.name+",age:"+this.age+
                ",sex"+this.sex+"<br/>");
        }
        stu3.showInfo();
        //使用JSON创建数据
        //JSON:一种数据格式,值可以是各个类型的
        //{"名1":值,"名2":值2}
        //例如:{"name":"xiaoming","age":18}
        //JSON数组,数组里面有多个JSON对象
        //JSON数组可以作为json中某个名字对应的值
        /*{"stus": [{"name":"xiaoming","age":18},
          {"name":"xiaoming","age":18},
          {"name":"xiaoming","age":18}
        ]}*/
        //通过json中的名值对指定属性 方法
        var  person = {
          "name":"mary",
            "age":18,
            "showInfo":function(){
                document.write(this.name+","+this.age+"<br/>");
            }
        };
        //调用方法
        person.showInfo();


    </script>
</head>
<body>

</body>
</html>

  技术分享

 

JS对象的创建

标签:nbsp   char   html   数组   javascrip   har   定义   ima   格式   

原文地址:http://www.cnblogs.com/john568300/p/6411166.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!