首页 > 代码库 > JS对象的创建

JS对象的创建

2024-09-04 17:33:53   219人阅读

<!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对象的创建


联系
我们