zoukankan      html  css  js  c++  java
  • JavaScript基础知识-对象的属性名和属性值

                   JavaScript基础知识-对象的属性名和属性值 

                                              作者:尹正杰

    版权声明:原创作品,谢绝转载!否则将追究法律责任。

    一.JavaScript源代码

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>对象的属性名和属性值</title>
            
            <script type="text/javascript">
                var obj = new Object();
                
                /**
                 *     向对象中添加属性方式一:
                 *         对象.属性名称 = 属性值
                 *     属性名称:
                 *         对象的属性名不强制要求遵守标识符的规范,换句话说,属性名你想起啥名都可以,但是我们使用时还是尽量按照标识符的规范去做。
                 *     属性值:
                 *         JS对象中的属性值可以时任意数据类型,甚至也可以是一个对象哟~
                 */
                obj.name = "尹正杰";
                
                /**
                 *     如果要使用特殊的属性名,不能采用"."的方式来操作,需要使用另一种方式来定义。
                 * 
                 *     向对象中添加属性方式二:
                 *         对象["属性名称"] = 属性值
                 * 
                 *     使用"[]"这种形式去操作属性更加的灵活,在"[]"中可以直接传递一个变量,这样变量值是多少就会去读取那个属性。
                 */
                obj["2018"] = "祝大家狗年大吉~"
                obj["2019"] = "祝大家猪年大吉~"
                obj["2020"] = "祝大家鼠年大吉~"
                var year = "2020"
                
                
                //创建一个新对象
                var obj2 = new Object();
                obj2.name = "Jason Yin";
                obj2.age  = 18;
                //将obj2设置为obj的属性
                obj.english = obj2;
     
                 console.log(obj.name);
                 console.log(obj[year]);
                 console.log(obj);
                 console.log(obj.english);
                 console.log(obj.english.name);
                
                /**
                 *     in 运算符
                 *         通过该运算符可以检查一个对象中是否含有指定的属性
                 *             如果有则返回true,没有则返回false
                 *         语法格式如下:
                 *             "属性名称" in 对象
                 */
                
                //检查obj中是否含有"chinese"属性
                console.log("chinese" in obj);
                
                //检查obj中是否含有"english"属性
                console.log("english" in obj);
                
            </script>
        </head>
        <body>
        </body>
    </html>

      

    二.浏览器打开以上代码渲染结果

  • 相关阅读:
    vue中的 computed 和 watch 的区别
    mysql8.0 初始化数据库及表名大小写问题
    sql server alwayson 调整数据文件路径
    zabbix 自定义监控 SQL Server
    mysql 创建用户及授权
    mysql 设置从库只读模式
    mysql8.0 主从复制安装及配置
    centos8.0安装mysql8.0
    centos8替换阿里数据源
    npm publish 报错 【you or one of your dependencies are requesting a package version that is forbidden by your security policy】
  • 原文地址:https://www.cnblogs.com/yinzhengjie/p/12164459.html
Copyright © 2011-2022 走看看