1. <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            /**
             * 在js中   所有的东西都是对象     类似与java中的Map<String,Object>
             *
             *     属性名一定是字符串
             *
             * 创建对象的几种方式
             *      第一种     基于object
             *      第二种     简写形式{key:val}
             *
             *
             * 给对象添加属性和赋值的时候：
             *      添加属性的两种方式   如果原来存在对应的属性  则表示更新对应属性的值
             *          . 用点号的形式直接添加属性
             *          [] 用中括号的形式添加属性
             *
             * 当访问属性的时候   如果该对象不存在对应的属性  则返回undefined
             *
             *
             */
  2.  
  3.         var user = new Object({"id":123});
            user.username = 'lisi';
            user['age'] = 20;
            user.say = function(msg){
                alert(msg)
            };
            console.log(user);
            console.log(user.username)
            console.log(user['age'])
            user['username'] = 'zhangsan';
            console.log(user.username);
  4.  
  5.         //对象的属性删除
            delete user.age;
  6.  
  7.         //user.say("Hello")
            console.log(user['age']);
  8.  
  9.         console.log("-------------------")
            /**
             * 点号的形式   user.key  不会去解析key的具体值  而是直接去得到对应对象里面的建为key的值
             * []   user[key]  会解析key的具体值  常用作属性的动态获取
             */
            for(var key in user){
                console.log(user[key]);
            }
  10.  
  11.         console.log("---------JSON---------")
            /**
             * 简写形式
             *      JSON    JavaScript原生对象      数据交换格式
             *      键不能重复   如果键  是一个完整的单词  可以直接写  如果键里面包含了空格  要用引号引起来
             * @type {{city: string, province: string}}
             */
            var address = {
                "city":"成都",
                province:'四川',
                aaa:{
                    name:'Test',
                    value:{
                        value:"123"
                    }
                },
                bbb:[{
                    name:"lisi"
                },{
                    name:"zhangsan"
                },{
                    name:"wangwu"
                }],
                say:function(){
  12.  
  13.             }
            };
  14.  
  15.         console.log(address.aaa['value'].value)
        </script>
    </head>
    <body>
  16.  
  17. </body>
    </html>

JS中创建对象的方法及json的更多相关文章

  1. 秒味课堂Angular js笔记------Angular js中的工具方法

    Angular js中的工具方法 angular.isArray angular.isDate angular.isDefined angular.isUndefined angular.isFunc ...

  2. anjular中Service、Factory、Provider的使用与js中创建对象的总结

    在学习anjular中Service的使用时,发现和js中的创建对象的方式有一定的联系,所以总结了anjular中Service.Factory.Provider的使用方式与js创建对象的方式 一.先 ...

  3. js中的tostring()方法

    http://blog.sina.com.cn/s/blog_85c1dc100101bxgg.html js中的tostring()方法 (2013-11-12 11:07:43) 转载▼ 标签: ...

  4. JS中通过call方法实现继承

    原文:JS中通过call方法实现继承 讲解都写在注释里面了,有不对的地方请拍砖,谢谢! <html xmlns="http://www.w3.org/1999/xhtml"& ...

  5. jQuery与JS中的map()方法使用

    1.jquery中的map()方法 首先看一个简单的实例: $("p").append( $("input").map(function(){ return $ ...

  6. JavaScript -- 时光流逝（二）：js中数组的方法

    JavaScript -- 知识点回顾篇(二):js中数组的方法 1. 数组 (1)定义数组,数组赋值 <script type="text/javascript"> ...

  7. ASP.NET#使用母版时，如果要使用js中的getElementById()方法取得某个内容页的元素时要注意的问题

    当使用母版,要使用js中的getElementById()方法取得某个内容页的元素时,所选取的id并不是母版中内容页的id,而是在设计内容页时设定的id例子:母版页: ...... <head ...

  8. JS与OC交互，JS中调用OC方法(获取JSContext的方式)

    最近用到JS和OC原生方法调用的问题,查了许多资料都语焉不详,自己记录一下吧,如果有误欢迎联系我指出. JS中调用OC方法有三种方式: 1.通过获取JSContext的方式直接调用OC方法 2.通过继 ...

  9. JS中split使用方法和数组中元素的删除

    JS中split使用方法和数组中元素的删除 JS中split使用方法 <script language="javascript"> function spli(){ d ...

随机推荐

  1. Vue 网络请求

    Vue网络请求,用的是vue-resource 1. 首先需要安装vue-resource npm install vue-resource 2. 安装好之后,会在package.json文件中自动加 ...

  2. 日期获取 net

    项目中用到了,所以就写全了,供参考使用. DateTime dt=DateTime.Now;int weeknow = Convert.ToInt32(DateTime.Now.DayOfWeek); ...

  3. SQL的datetime类型数据转换为字符串格式大全

    Select CONVERT(varchar(100), GETDATE(), 0): 05 16 2006 10:57AM Select CONVERT(varchar(100), GETDATE( ...

  4. 远程连接linux服务器mysql

    今天遇到一个问题  无法远程链接mysql Host 'XXX' is not allowed to connect to this MySQL server 解决方案/如何开启MySQ先解决第一个提 ...

  5. 自定义动画animate()

    在上一节总结了一下3中类型的动画,其中show()和hide()方法会同时修改元素的多个属性,fadeOut()和fadeIn()方法只会修改元素的不透明度,而slideDown()和slideUp( ...

  6. [转][C#]验证

    文件下载 本文仅做备份,参考自:http://www.cnblogs.com/LoveJenny/p/opensource_software_license_tool__easyhelper_easy ...

  7. VMware 安装Windows sever 2008 R2服务器

    一. 安装包下载: Windows Server 2008 R2 简体中文企业版[server 2008 r2下载] 二. 新建虚拟机 三. 安装Window Server 2008 R2 四. 服务 ...

  8. 关于rawurldecode PHP自动解码

    发表于: 2007-12-05 12:16:20   在网上找到资料说通过javascript传递参数时如果用了encodeURIComponent函数对参数进行编码,在PHP里面需要用 rawurl ...

  9. KuDu论文解读

    kudu是cloudera在2012开始秘密研发的一款介于hdfs和hbase之间的高速分布式存储数据库.兼具了hbase的实时性.hdfs的高吞吐,以及传统数据库的sql支持.作为一款实时.离线之间 ...

  10. 了解java的类加载器

    1.java运行之前,编译后的class文件需要加载到虚拟机内存,这必须用到class的加载器来加载,所以有必要了解加载器原理. 2.加载器采用父类委派机制加载,这样的目的是保证基础类仅仅加载一次(比 ...