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 = "這是特權方法,我調用了\n";
            str += "        私有變量:" + priMember +"\n";
            str += "        私有方法:" + priMethod() +"\n";
            str += "        公共變量:" + this.pubMember +"\n";
            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>
復制代碼

 

 from:http://www.cnblogs.com/zjfazc/archive/2012/09/07/2675650.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM