<!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
         *
         *
         */

        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);

        //对象的属性删除
        delete user.age;

        //user.say("Hello")
        console.log(user['age']);

        console.log("-------------------")
        /**
         * 点号的形式   user.key  不会去解析key的具体值  而是直接去得到对应对象里面的建为key的值
         * []   user[key]  会解析key的具体值  常用作属性的动态获取
         */
        for(var key in user){
            console.log(user[key]);
        }

        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(){

            }
        };

        console.log(address.aaa['value'].value)
    </script>
</head>
<body>

</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. 【Reporting Services 报表开发】— 如何设置报表分页列标题每一页都显示

    一.打开已经开发好的报表ReportTest,选择列组下的高级模式—>选择行组的静态(会关联列标题订单编号),修改下面的属性: 1.Hidden:False 2.FixedData:True 3 ...

  2. SpringCloud初体验：六、利用 Sleuth 和 Zipkin 给微服务加上链路监控追踪查看功能

    首先:装上 Zipkin 服务,收集调用链跟踪数据,体验时装在了本机docker上, 方便快捷 docker run -d -p : openzipkin/zipkin 安装后访问地址也是 9411端 ...

  3. jeecg中的原生态组件

    <!-- ztree --><link rel="stylesheet" type="text/css" href="plug-in ...

  4. BASIC-17_蓝桥杯_矩阵乘法

    示例代码: #include <stdio.h>#define N 30 int main(void){ int n = 0 , m = 0 , sum = 0; int i = 0 , ...

  5. R语言学习——循环判断语句

    循环  判断 函数 函数是一个对象,可以赋值 函数要放在调用函数的前面 输入输出 read.csv()------文本文件 csv是comma separated value的英文缩写,其读取逗号分隔 ...

  6. JAVA URI URL 区别

    String urlString = "http://192.168.21.77:8080/swp/mainPage?aa=11&bb%3D22"; URI uri = U ...

  7. 解决IE下select标签innerHTML插入option的BUG（兼容

    在ie下面使用innerHTML来插入option选项的话,ie会去掉前面的<option>,并拆分成多个节点,这样会造成select的出错   前言: 这是一个老bug了,现在提供一个完 ...

  8. js如何判断小数点后有几位

    <script> var n=3.143423423;alert(n.toString().split(".")[1].length); </script> ...

  9. Callable接口和Future

    本篇说明的是Callable和Future,它俩很有意思的,一个产生结果,一个拿到结果.        Callable接口类似于Runnable,从名字就可以看出来了,但是Runnable不会返回结 ...

  10. 关于raid5的一系列问题

    前几天我的一个同事在对计划采购的存储进行测试,期间聊到了raid5的话题,我和他的意见产生了分歧.他的说法是raid5不能挂太多盘是因为如果挂太多盘写惩罚会非常严重导致性能下降.而我的观点则是对于ra ...