<!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. SpringCloud初体验：六、利用 Sleuth 和 Zipkin 给微服务加上链路监控追踪查看功能

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

  2. HighCharts定时刷新图表

    假设图表容器的id为exChart,如下: <div style="height:450px;" id="chart">   1. 首先在serie ...

  3. java学习之路之javaSE基础2

    java学习之路之javaSE基础2 所有的代码都是引用他人写的. 1.逻辑运算符 //&,|,^,! //int x = 10; //5 < x < 15 //x > 5 ...

  4. ADO.NET EF 中的实体修改方法

    http://www.cnblogs.com/zfz15011/archive/2010/05/30/1747486.html 1.传统修改模式,看下列代码 using (NorthwindEntit ...

  5. .net与com组件

    在使用.net中注册组件,有三种方式: 1.手动注册: win9x/NT/2000系统提供一个用于注册进程内组件的实用工具RegSvr32.exe,如regsvr32 c:\test.dll:在.NE ...

  6. 在Windows下使用svn命令行教程及svn命令行的解释

    本文转载自:https://blog.csdn.net/yangxiao2shi/article/details/50719286/ 以前在公司一直使用git,现在的公司改用svn,一时间还真的不知道 ...

  7. Logstash之四：配置说明

    logstash配置文件包含三个配置部分: 分别为:input{}.filter{}.output{}.{} 定义区域,区域内可以定义一个或多个插件,通过插件对数据进行收集,加工处理,输出. 在{}配 ...

  8. 帆软报表平台FineReport

    报表软件FineReport使用方法 一种方法是从FineReport报表软件中进入:打开设计器,选择“服务器”,点击“报表平台管理”,即可进入.用户首次进入报表平台,系统会要求填写管理员的账户和密码 ...

  9. mysql更新(三)语句 库的操作 表的操作

    04-初始mysql语句   本节课先对mysql的基本语法初体验. 操作文件夹(库) 增 create database db1 charset utf8; 查 # 查看当前创建的数据库 show ...

  10. UVA-673-栈-水题

    题意: 检测括号是否匹配,注意有空格 #include<stdio.h> #include<iostream> #include <strstream> #incl ...