引用数据类型

发布时间：2020-12-15 07:54:23 所属栏目：Java 来源：网络整理

导读：JavaScript也具有对象，用于将属性和函数放在一起，虽然他是面向对象的语言，但是不具备类和接口。 1、对象的定义：（1)var 变量={}； !DOCTYPE htmlhtml head meta charset= " UTF-8 " titleJava Script/title script type= " text/javascript " /script /

JavaScript也具有对象，用于将属性和函数放在一起，虽然他是面向对象的语言，但是不具备类和接口。

1、对象的定义：

（1)var 变量={}；

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Java Script</title>
        <script type="text/javascript">
        </script>
    </head>

    <body bgcolor="aquamarine">
        <script>
            var Person = {
                name: "Li",//属性
                age: 12,per: function() {//函数
                    alert("你好");
                }
            }
            console.log(Person.name);
            console.log(Person.age);
            Person.per();
        </script>

    </body>

</html>

（2）var 变量名=new Object（）；

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Java Script</title>
        <script type="text/javascript">
        </script>
    </head>

    <body bgcolor="aquamarine">
        <script>
            var Person = new Object();
                Person.name="Li";
                Person.age=12;
                Person.per= function() {
                    alert("你好");
                }
            
            console.log(Person.name);
            console.log(Person.age);
            Person.per();
        </script>

    </body>

</html>

2、对象属性的访问：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Java Script</title>
        <script type="text/javascript">
        </script>
    </head>

    <body bgcolor="aquamarine">
        <script>
            var Person = new Object();
                Person.name="Li";
                Person.age=12;
                Person.per= function() {
                    alert("你好");
                }
            
            console.log(Person["name"]);
            console.log(Person.age);
        
        </script>

    </body>

</html>

一共有两中访问方法：

（1）直接加点访问

（2）采用方括号访问，此方法对于属性名不规则的情况依旧适用。

3、对象的基本操作

（1）添加

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Java Script</title>
        <script type="text/javascript">
        </script>
    </head>

    <body bgcolor="aquamarine">
        <script>
            var Person = new Object();
                Person.name="Li";
                Person.age=12;
                Person.per= function() {
                    alert("你好");
                }
            
            Person.sex="男";
            
            console.log(Person.sex);
        
        </script>

    </body>

</html>

（2）修改

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Java Script</title>
        <script type="text/javascript">
        </script>
    </head>

    <body bgcolor="aquamarine">
        <script>
            var Person = new Object();
                Person.name="Li";
                Person.age=12;
                Person.per= function() {
                    alert("你好");
                }
            
            Person.name="zhai";
            
            console.log(Person.name);
        
        </script>

    </body>

</html>

（3）获取（遍历属性）

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Java Script</title>
        <script type="text/javascript">
        </script>
    </head>

    <body bgcolor="aquamarine">
        <script>
            var Person = new Object();
                Person.name="Li";
                Person.age=12;
                Person.per= function() {
                    alert("你好");
                }
            
            Person.name="zhai";
            
            for(var a in Person){
                console.log(a);
            }
        
        </script>

    </body>

</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!