zoukankan      html  css  js  c++  java
  • js数组与 json 的区别

     

    一,数组

         1. 定义一维数组:var s1=new Array();

                           s1=[1,2,3,4]或者s1[0]=1,s1[1]=2,s1[3]=3,s1[4]=4;

                          alert(s1[0]);

                           结果为1;

       2,,定义二维素组:var s1=new Array();
                                   var s1=[[3,1],[2,3,4],3,[4,5,6,7,8]];
                                     alert(s1[1][0]);
                                   结果为2;

     二,定义json对象

        1,json对象 

                var status_process = {
                 " name5" : '闲置期',
              "name1" : '播种期',
              "name2" : '苗期',
              "name3" : '生长期',
             "name4" : '采收期'
           }        

          alert(status_process);

          结果为:Object:Object;

      2,json字符串

                  所谓json字符串,是指该字符串变量的值与json的格式相同,但是不是json对象,比如:

                  var s1="{";
                  var s2 = " 'name5' : '闲置期',   'name1' : '播种期','name2' : '苗期','name3' : '生长期','name4' : '采收期'";
                  var s3="}";
                  var  status_process=s1+s2 +s3;

                        虽然status_process的值符合json对象的格式,但是它不是对象,只是一个字符串(是拼凑出来的);

                       将字符串转换为json对象使用函数eval,eval("(" + status_process+ ")");

             结论:从后台传入到前台的是json字符串,不是真正的json对象,因此需要使用eval函数转换。

      3,json对象的使用

              var status_process = {
                name5 : '闲置期',
              name1 : '播种期',
              name2 : '苗期',
               name3 : '生长期',
               name4 : '采收期'
              };
             alert(status_process["name5"]);
             alert(status_process.name5);

                 两个都为:闲置期

      4,json二维对象        

         var status_process = {
     name5 : {name3:'空闲闲置期'},
     name1 : '播种期',
     name2 : '苗期',
     name3 : '生长期',
     name4 : '采收期'
    };
    alert(status_process["name5"]["name3"]);
    alert(status_process.name5.name3);

      结果都为:'空闲闲置期'

    另一篇转文: http://asyty.iteye.com/blog/1260933

    关于JSON(JavaScript Object Natation),简单的说就是轻量级的用于交换数据的格式,基于javascript 语法的子集,即数组和对象表示。

    Javascrip数据类型,对象与数组:

    javascript 的数据结构主要有以下四种基本数据类型,string,number,boolean,null,js还有复杂的数据结构,即对象。我们可以把数组看成一种特殊的对象。对象和数组里都可以包含不同的类型,包括对象和数组。

    js对象的定义如下:

    var boy= {
            "name": "xiaoming",       
            "age" : 4,
            "city" : "杭州"
            "hasBrother":true
    };

     对象可以看成是容器,里面装了许多的key-value对,类似于java里Map<String,Object>。我们可以这样获取值

    alert("name = " + boy["name"] );
    
    alert("age=" + boy.age);

    而数组可以和对象最大的不同是,数组是有序的,不是采用key的方式获取值,而是通过index来索引,相对对象来说还多了length属性。

    var array=["hello", 12, true , null];
    alert(array[0]);

    当然 对象和数组是可以混用的,如下简单地混合,当然可以更复杂。

    var array=["hello", 12, true , {"name": "xiaoming",  "age" : 4}];
    
    var boy= {"name":"xiaoming", "brothers":["xiaohuang","xiaohong"]};

    需要注意的是,平时我们可以通过这样定义

    复制代码
    复制代码
    var a = [1,2,3]; //定义一个数组
    alert(a.length); //结果为3
    
    a["name"] = "xiaoming"; //我们再给它赋值
    alert(a.length); //结果还是为3
    
    a.push(4);
    alert(a.length); //结果为4
    复制代码
    复制代码

    上面的代码a["name"]="xiaoming"是给a数组增加了一个属性叫name,而不是在数组里添加数据。

    其实可以把数组想象成这种格式,即特殊的对象(type这个属性是随便写的,)

    复制代码
    复制代码
    var array= {
            "type":"array",
            "value":[1,2,3],
            "length":3
    };
    加上 a["name"] = "xiaoming"; 之后,array的变成这样,并不影响数组本身的值。
    array= {
        "type":"array",
        "name":"xiaoming",
        "value":[1,2,3],
            "length":3
    };
    复制代码
    复制代码

    涵盖了javascript公有成员定义、私有成员定义、特权方法定义的简单示例 

    复制代码
    复制代码
    <script>    
        //定义一个javascript类
        function JsClass(privateParam/*  */,publicParam){//构造函数
            var priMember = privateParam;    //私有变量
            this.pubMember = publicParam;    //公共变量
            //定义私有方法
            function priMethod(){
                return "priMethod()";
            }
            //定义特权方法
            //特权方法可以访问所有成员
            this.privilegedMethod = function(){
                var str = "这是特权方法,我调用了
    ";
                str += "        私有变量:" + priMember +"
    ";
                str += "        私有方法:" + priMethod() +"
    ";
                str += "        公共变量:" + this.pubMember +"
    ";
                str += "        公共方法:" + this.pubMethod();
                
                return str;
            }        
        }
        //添加公共方法
        //不能调用私有变量和方法
        JsClass.prototype.pubMethod = function(){
            return "pubMethod()";
        }
    
        //使用 JsClass的实例
        JsObject = new JsClass("priMember","pubMember");
        
        //alert(JsObject.pubMember);//弹出pubMember信息
        //alert(JsObject.priMember);//弹出undefined信息
        //alert(JsObject.pubMethod());//弹出pubMethod信息
        //alert(JsObject.priMethod());//弹出"对象不支持此属性或方法"的错误
        alert(JsObject.privilegedMethod());
    </script>
    复制代码
    复制代码
  • 相关阅读:
    用html自己开发自己的串口TCP通讯调试软件
    推荐模型PNN: 原理介绍与TensorFlow2.0实现
    推荐模型NeuralCF:原理介绍与TensorFlow2.0实现
    推荐模型DeepCrossing: 原理介绍与TensorFlow2.0实现
    推荐模型AutoRec:原理介绍与TensorFlow2.0实现
    ffmpeg命令的简单使用
    X264的交叉编译
    FDK_AAC交叉编译
    编译lame静态库
    iOS安全清单
  • 原文地址:https://www.cnblogs.com/cainiao-Shun666/p/6557542.html
Copyright © 2011-2022 走看看