zoukankan      html  css  js  c++  java
  • json简单介绍(ZZ)

    什么是JSON

    JSON(JavaScript Object Notation)是一种优美的JavaScript对象创建方法。JSON也是一种轻量级数据交换格式。JSON非常易于人阅读与编写,同时利于机器解析与生成。JSON是在AJAX中代替XML交换数据的更佳方案。

    猴子提示: JSON定义法类似于直接定义法,JSON定义法就是将直接定义法定义的函数与属性放到大括号中,并且去掉属性与函数签名的对象名,把等于号改为了冒号,每行后面改为逗号!

    JSON格式与语法

    var jsonobject=
    {
            //对象内的属性语法(属性名与属性值是成对出现的)
            propertyname:value,
    
            //对象内的函数语法(函数名与函数内容是成对出现的)
            functionname:function(){...;}
    };
    
    • jsonobject -- JSON对象名称
    • propertyname -- 属性名称
    • functionname -- 函数名称
    • 一对大括号,括起多个"名称/值"的集合
    • JSON使用"名称/值"对的集合表示,也可以被理解为数组(Array)
    • 属性名或函数名可以是任意字符串,甚至是空字符串(见下面示例)
    • 逗号用于隔开每对"名称/值"对

    引用网址:http://www.dreamdu.com/javascript/json/

    示例

    var site =
    {
            URL : "www.dreamdu.com",
            name : "梦之都",
            englishname : "dreamdu",
            author : "可爱的猴子",
            summary : "免费的网页设计教程",
            pagescount : 100,
            isOK : true,
            startdate : new Date(2005, 12),
            say : function(){document.write(this.englishname+" say : hello world!")},
            age : function(){document.write(this.name+"已经"+((new Date().getFullYear())-this.startdate.getFullYear())+"岁了!")}
    };
    

    上面就是一个典型的JSON表示的JavaScript对象,对象的名称为dreamdu,每个名称与值使用冒号:分割,例如名称author对应值monkey,名称age对应值5.

    另一个例子:

    var circle = { x:6, y:8, r:5 };
    

    上面定义了一个x坐标为6,y坐标为8,半径为5的元。

    嵌套JSON对象定义

    var sites =
    {
            count: 2,
            language: "chinese",
            baidu:
            {
                    URL: "www.baidu.com",
                    name: "百度",
                    author: "baidu",
                    say : function(){document.write(this.name+" say hello")}
            },
            dreamdu:
            {
                    URL: "www.dreamdu.com",
                    name: "梦之都",
                    author: "monkey",
                    say : function(){document.write(this.name+" say hello")}
            }
    };
    

    上面的例子中的sites的JSON表示法中还包含了2个小的JSON表示法,因此JSON表示法是可以嵌套的。

    JSON法创建对象示例 -- 可以尝试编辑

    延伸阅读

    • JavaScript eval 函数

    参考

    ——————————————————————————————————————————————————————————————————————————————

    JSON是一种便于操作使用的轻量级数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。具体介绍请查看:http://www.json.org

    很多时候我们需要组装字符串为json对象,首先要组合字符串,然后转换为json对象,如下面的例子:

    <script type="text/javascript">
      
    <!--
      
    var a=50,b="xxx";
      
    var arr="{id:"+a+",name:'"+b+"'}";
      
    //-->
    </script>

    组合成了字符串arr,下一步就是转换成对象了,很快我们会想到使用eval方法,但如果这样做转换会出现错误,今日偶就这样尝试了,那该如何转换成json对象呢?郁闷许久,之后在json官网提供的json.js文件中找到了解决办法,方法如下:
    在字符串两端再加上括号然后eval就ok了。测试代码如下:

    <script type="text/javascript">
      
    <!--
      
    var a=50,b="xxx";
      
    var arr="{id:"+a+",name:'"+b+"'}";
      arr
    =eval('('+arr+')')
      alert(arr.name);
      
    //-->
    </script>

    ————————————————————————————————————————————————————————————————————————

                //added by zhangjun at 2011-03-01


                var xys = document.getElementById("HiddenField1").value;

                var polygonJson = eval('(' + "{\"rings\":[[" + xys + "]]," + "\"spatialReference\":{\" wkid\":4326 }}" + ')');
                //字符串转化为json函数eval。必须使用此函数转化为json再使用,js虽然是弱类型,但是还是要转化才行,且两端加()括号
                var polygon = new esri.geometry.Polygon(polygonJson);

                var symbol = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID,
                new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID,
                new dojo.Color([255, 255, 0]), 2), new dojo.Color([255, 0, 0, 0.25]));
             
                //[[xys]]表达方式不对
                //var polygon = { "geometry": { "rings": [[xys]], "spatialReference": { "wkid": 4326} }, "symbol": { "color": [0, 0, 0, 64], "outline": { "color": [0, 0, 0, 255], "width": 1, "type":    "esriSLS", "style": "esriSLSSolid" }, "type": "esriSFS", "style": "esriSFSSolid"} };

                var graphic = new esri.Graphic(polygon,symbol);

                map.graphics.clear();
                map.graphics.add(graphic);

    
  • 相关阅读:
    linux安装mongodb磁盘空间不足
    ccf颁奖晚会
    Bug总结流程
    测试自学过程
    一个div,包含两个div,调整文字位置和div平均分布
    一个div,包含三个小的div,平均分布的样式
    测试成长之路
    k8s常用命令记录
    K8S 1.20.6安装dashboard(基于kubernetes-dashboard 2.0.0版本)
    F. Programming Contest
  • 原文地址:https://www.cnblogs.com/zhangjun1130/p/1968215.html
Copyright © 2011-2022 走看看