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

简介: 关于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>

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

目录
相关文章
|
4月前
|
C++
VS项目属性变量
VS项目属性变量
|
JSON 自然语言处理 JavaScript
介绍16个让你的代码变漂亮的属性
介绍16个让你的代码变漂亮的属性
302 0
介绍16个让你的代码变漂亮的属性
|
3月前
|
JavaScript 前端开发 程序员
程序员必知:对象的属性类型
程序员必知:对象的属性类型
17 0
|
4月前
|
测试技术
反射获取或修改对象属性的值
* 获取单个对象的所有键值对
44 3
|
4月前
|
JavaScript 前端开发 编译器
TypeScript【可选属性、只读属性、额外的属性检查、函数类型、类类型、继承接口】(四)-全面详解(学习总结---从入门到深化)
TypeScript【可选属性、只读属性、额外的属性检查、函数类型、类类型、继承接口】(四)-全面详解(学习总结---从入门到深化)
55 0
|
移动开发 程序员
H5 中 bordercolorlight 属性的用法及作用
H5 中 bordercolorlight 属性的用法及作用
215 0
H5 中 bordercolorlight 属性的用法及作用
lodash创建一个函数属性名称的数组,包含继承属性
lodash创建一个函数属性名称的数组,包含继承属性
74 0
|
JavaScript
js获取对象属性的两种方法,object.属性名,[‘属性名’ ]
js获取对象属性的两种方法,object.属性名,[‘属性名’ ]
992 0
js获取对象属性的两种方法,object.属性名,[‘属性名’ ]
lodash创建一个新的对象,对象的属性名可以修改
lodash创建一个新的对象,对象的属性名可以修改
466 0
|
存储 Kotlin
【Kotlin】属性 与 幕后字段 ( 属性声明 | 属性初始化器 | 属性访问器 | field 属性幕后字段 | lateinit 延迟初始化属性 )
【Kotlin】属性 与 幕后字段 ( 属性声明 | 属性初始化器 | 属性访问器 | field 属性幕后字段 | lateinit 延迟初始化属性 )
212 0
【Kotlin】属性 与 幕后字段 ( 属性声明 | 属性初始化器 | 属性访问器 | field 属性幕后字段 | lateinit 延迟初始化属性 )