<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

         <script type="text/javascript">

             var obj = new Object();

             /*

              * 向对象中添加属性

              * 属性名：

              *     - 对象的属性名不强制要求遵守标识符的规范

              *         什么乱七八糟的名字都可以使用

              *     - 但是我们使用是还是尽量按照标识符的规范去做

              *

              */

             obj.name = "孙悟空";

             obj.var = "hello";

             /*

              * 如果要使用特殊的属性名，不能采用.的方式来操作

              *     需要使用另一种方式：

              *         语法：对象["属性名"] = 属性值

              *     读取时也需要采用这种方式

              *

              *

              * 使用[]这种形式去操作属性，更加的灵活，

              *     在[]中可以直接传递一个变量，这样变量值是多少就会读取那个属性

              *

              */

             //obj.123 = 789;

             //console.log(obj.123);//Uncaught SyntaxError: Unexpected number

             obj["123"] = 789;

             console.log(obj["123"]);//789

             obj["nihao"] = "你好";

             console.log(obj["nihao"]);//你好

             var n = "nihao";

             console.log(obj[n]); //你好，变量的值是什么就去读哪个属性

             //---------------------------------------------------------------------------------

             /*

              * 属性值

              *     JS对象的属性值，可以是任意的数据类型

              *         甚至也可以是一个对象

              */

             obj.test = true;

             obj.test = null;

             obj.test = undefined;

             //创建一个对象

             var obj2 = new Object();

             obj2.name = "猪八戒";

             //将obj2设置为obj的属性

             obj.test = obj2;

             console.log(obj.test.name);//猪八戒

             //----------------------------------------------------------------------------------

             /*

              * in 运算符

              *     - 通过该运算符可以检查一个对象中是否含有指定的属性

              *         如果有则返回true，没有则返回false

              *  - 语法：

              *         "属性名" in 对象

              */

             console.log(obj.test2);//undefined

             //检查obj中是否含有test2属性

             console.log("test2" in obj);//false

             console.log("test" in obj);//true

             console.log("name" in obj);//true

         </script>

     </head>

     <body>

     </body>

 </html>

JS基础_属性名和属性值的更多相关文章

  1. JS基础_实参可以是任何值

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. JS基础_枚举对象中的属性

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  3. AngularJS的ng-repeat显示属性名和属性值

    代码下载:https://files.cnblogs.com/files/xiandedanteng/AngularJSAuthorRepeat.rar 代码: <!DOCTYPE HTML P ...

  4. Object 对象（对象的分类、属性（属性名和属性值）、基本数据类型与引用数据类型区别）

    Object——引用数据类型 基本数据类型的不足之处:基本数据类型是单一的值,不能表现出值与值之间的所属关系 object分为内建对象.宿主对象和自定义对象 a 内建对象:ES标准中定义的对象,在任何 ...

  5. C# 随机给一个全部信息都未知的类类型，如何获取该类的类名、属性个数、属性名、属性的数据类型、属性值？

    一.场景假设 假设现在有一个泛型类T的实例对象t,该T类的全部信息都未知. 要求:打印输出实例对象t的类名.属性个数.属性名.属性的数据类型.属性值. 二.解决问题 1.我们根据输出的内容要求定义一个 ...

  6. java中遍历实体类，获取属性名和属性值

    方式一(实体类): //java中遍历实体类,获取属性名和属性值 public static void testReflect(Object model) throws Exception{ for ...

  7. java 反射机制--根据属性名获取属性值

    1.考虑安全访问范围内的属性,没有权限访问到的属性不读取 /** * 根据属性名获取属性值 * * @param fieldName * @param object * @return */ priv ...

  8. JS基础_对象字面量

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  9. js中对象的属性名和属性值

    代码 /** * 对象的属性名 * - 对象的属性名不强制遵循标识符的命名规范,可以是任意的名字,但在开发中 * 尽量遵循标识符的命名规范 */ // 创建对象obj1 var obj1 = new ...

随机推荐

  1. C# 7 .NET / CLR / Visual Studio version requirements

    C# 7 .NET / CLR / Visual Studio version requirements   You do NOT need to target .NET 4.6 and above, ...

  2. vuex中的babel编译mapGetters/mapActions报错解决方法

    vex使用...mapActions报错解决办法 vuex2增加了mapGetters和mapActions的方法,借助stage2的Object Rest Operator 所在通过 methods ...

  3. 用key管理可复用元素

    先看看不用key管理可复用元素的代码.Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染.这么做,除了使 Vue 变得非常快之外,还有一些有用的好处,那就是在切换input时不会清楚 ...

  4. Nginx设置成服务并开机自动启动

    在/etc/init.d下创建文件nginx [root@localhost ~]# vim /etc/init.d/nginx 其内容参考nginx官方文档 需要注意的配置: nginx=”/usr ...

  5. Ubuntu14.04+安卓系统4.3+JDK6编译源码

    本博客主要参照: https://www.jianshu.com/p/ecb9c132030f https://blog.csdn.net/gobitan/article/details/243674 ...

  6. spring cloud consul上下线体验

    spring cloud consul中默认会将spring.application.name作为ID 同一服务起多个实例时,ID默认会变成${spring.application.name}-${s ...

  7. <linux-sed> sed基本用法

    1.简介 sed全称是Stream Editor,是非交互式的编辑器.它不会修改原文件,除非使用shell重定向来保存结果, 或者可以指定-i选项来在线修改文件,这样就会改变原文件,升级脚本通常用-i ...

  8. MATLAB学习（十）实现文件、图像读写

    t=1:5; s1=sin(t); s2=cos(t); s=[t;s1;s2]; fid1=fopen('test.dat','wt'); fprintf(fid1,'\nThis is a For ...

  9. python报错No module named 'pylab'

    pip instal matplotlib

  10. React Native细节知识点总结<一>

    1.propTypes: static propTypes = { name:PropTypes.string, ID:PropTypes.number.isRequired, } 'isRequir ...