1. 主页
  2. 文档
  3. JS
  4. 面向对象
  5. 认识对象

认识对象

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //对象是键和值的集合。 属性和值的映射关系。
        var ob = {
            v: 'key1',
            v: 'key2',
            v: 'key3',
            v: 'key4'
        }

        //属性中是否有加引号  因为adfa-sdf 中有不规范的 - 所以要加引号。
        var oba = {
            a: "aaaa",
            b: "bbbb",
            'adfa-sdf': "cccc"
        }

        //属性的访问
        //如果对象属性名以变量的形式存储
        var keya = 'b'; //b: "bbbb",     对象则以这种方式访问  oba[keya]   
        console.log(oba[keya]);

        //对象值也可以是数组的形式。
        var obc = {
            a: "aaaa",
            b: "bbbb",
            c: "cccc",
            d: ['aaa', 'bbb', 'ccc']
        }
        console.log(obc.d); //['aaa', 'bbb', 'ccc']
        console.log(obc.d[0]); //aaa

        //属性的更改
        var obd = {
            a: 1,
            b: "bbbb",
            c: "cccc",
            d: ['aaa', 'bbb', 'ccc']
        }

        obd.a = 30;
        obd.a++;

        console.log(obd.a);

        //属性的创建
        var obe = {
            a: 1111,
            b: 2222,
            c: 3333
        }
        obe.d = 4444;

        //属性的删除

        var obf = {
            a: 222,
            b: 333,
            c: 444
        }
        delete obf.a;
        console.log(obf); //{b: 333, c: 444}
    </script>
</body>

</html>
这篇文章对您有用吗?

我们要如何帮助您?