js数组与 json 的区别

傷城~ 2022-05-29 10:17 252阅读 0赞

一，数组

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对象的定义如下：

![复制代码][copycode.gif]

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

![复制代码][copycode.gif]

对象可以看成是容器，里面装了许多的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"]};

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

![复制代码][copycode.gif]

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

![复制代码][copycode.gif]

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

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

![复制代码][copycode.gif]

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
    };

![复制代码][copycode.gif]

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

![复制代码][copycode.gif]

转自：https://www.cnblogs.com/cainiao-Shun666/p/6557542.html

[copycode.gif]: /images/20220529/c73cb91339a240f3b32aae7ac619cf70.png