<!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. Go随机数的使用

    随机数使用比较广泛,例如,抽奖.均衡等等. 下面简单说明其使用方法. Example1 package main import ( "log" "math/rand&qu ...

  2. 微信小程序的视频教程

    极客学院小程序视频教程: 链接:https://pan.baidu.com/s/1VpKnvnsn-T6Nd79bsi4ugg 密码:0ta9 小程序项目实战: 链接:https://pan.baid ...

  3. Winfrom 实现转圈等待

    1.放弃进度条.动态进度图片等方式实现用户体验优化方式(主要是优化用户等待体验),建议使用方式? 答:对于From或者Control而言,其提供了Cursor属性设置即可. 例如: this.Curs ...

  4. Qt5布局管理（三）——QStackedWidget堆栈窗口类

    转载:LeeHDsniper 实例效果如下图: 如上图,堆栈窗口左半部分是一个QListWidget对象,右半部分是分别是三个标签.通过点击左边不同的项目,可以使得右边的Lable进行切换. 具体的结 ...

  5. man page ，info page 和/usr/share/doc/整理自鸟哥

    - 比如查看date指令   - 命令:vbird@www ~]$ man date   - 返回示例(部分):DATE(1) User Commands DATE(1)   - 部分释义(注释2): ...

  6. 《java笔记》

    1.判断是否是整数,包含正数和负数 /** * 判断是否是整数包含正负 */ public static boolean isInteger(String str){ Pattern pattern ...

  7. 学习笔记之Visual Studio Team Services

    VSTS and TFS Documentation | Microsoft Docs https://docs.microsoft.com/en-us/vsts/index?view=vsts#pi ...

  8. [转]win server 2003 + IIS 6 搭建MVC 运行环境

    本文来自:http://c.jinhusns.com/bar/t-993 win server 2003 + IIS 6 搭建MVC 运行环境 上一篇 下一篇近乎_问阳 发表于:2014-01-07 ...

  9. 协同过滤CF算法之入门

    数据规整 首先将评分数据从 ratings.dat 中读出到一个 DataFrame 里: >>> import pandas as pd In [2]: import pandas ...

  10. PHPExcel导入导出 若在thinkPHP3.2中使用（无论实例还是静态调用（如new classname或classname::function)都必须加反斜杠，因3.2就命名空间，如/classname

    php利用PHPExcel类导出导入Excel用法 来源:   时间:2013-09-05 19:26:56   阅读数: 分享到: 16 [导读] PHPExcel类是php一个excel表格处理插 ...