<!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. Kindle一周使用感受

    为何选择Kindle 「Kindle」终于入手,心情十分愉悦^_^,入手的是499块「Kindle国行版」,个人感觉电子墨水屏显示效果很赞,很适合在光线比较充足的环境下阅读,即使在中午的阳光底下使用K ...

  2. HttpFileCollection类

    最近在学HttpRequest类搞文件上传的时候看到Request.Files返回了HttpFileCollection 这个类的一个对象,这个类用于获取浏览器上传的文件集合,在文件上传的时候可以通过 ...

  3. ORACLE删除某用户下所有对象

    ORACLE删除某用户下所有对象 2013-10-26 15:50 4996人阅读 评论(1) 收藏 举报   --.sql脚本 --唯一注意的是下面的D:\dropobj.sql 为操作的.sql; ...

  4. SQL Server Management Studio (SSMS) 清除登录记录

    对于 SQL Server 2005 Management Studio,可以删除以下文件清空该列表: WinXP: C:\Documents and Settings\<user>\Ap ...

  5. shell 前台进程组的选择

    控制命令如ctrl+c,ctrl+d等命令是会kill到前台进程组的,这个过程和bash进程还有tty驱动有关系. 在终端执行命令,在bash进程看来都是在执行job,然后fork出子进程来执行这些j ...

  6. 胖子哥的大数据之路（四）- VisualHBase功能需求框架

    一.引言 大数据在结构化数据存储方面的应用需求越来越明确,但是大数据环境下辅助开发工具的不完善,给数据库管理人员和开发人员带来的不变难以言表,基于此创建了开源项目VisualHBase,同时创建了Vi ...

  7. BASIC-6_蓝桥杯_杨辉三角形

    示例代码: #include <stdio.h>#include <stdlib.h> int main(void){ int n = 0 ; int i = 0 , j = ...

  8. 第8章 信号（6）_贯穿案例2：mini shell（3）

    4. 贯穿案例2:mini shell(3) (1)之前存在问题 ①刚运行时,mshell作为前台进程.运行的其他命令会被加入新的进程组,并且调用tcsetpgrp将这个进程组设置为前台进程组,因此m ...

  9. 深度强化学习：入门(Deep Reinforcement Learning: Scratching the surface)

    RL的方案 两个主要对象:Agent和Environment Agent观察Environment,做出Action,这个Action会对Environment造成一定影响和改变,继而Agent会从新 ...

  10. Java 中的 JVM、堆和栈 -- 初步了解

    JVM -- Java Virtual Machine(Java虚拟机) —— 因为要说堆和栈,所以我们必须要先简单的说一下JVM.(JVM详细请找度娘啦~) 首先,我们都知道 java 一直宣传的口 ...