百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> Javascript数组与json的区别
分享文章到:

Javascript数组与json的区别

发布时间:01/15 来源: 浏览: 关键词:
我们知道json与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);

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

 

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

最后看一个实例

 代码如下
function arraytojson(o) {
var r = [];
if (typeof o == "string") return """ + o.replace(/(['"])/g, "$1").replace(/(n)/g, "n").replace(/(r)/g, "r").replace(/(t)/g, "t") + """;
if (typeof o == "object") {
if (!o.sort) {
for (var i in o)
r.push(i + ":" + arraytojson(o[i]));
if (!!document.all && !/^n?functions*tostring()s*{n?s*[native code]n?s*}n?s*$/.test(o.tostring)) {
r.push("tostring:" + o.tostring.tostring());
}
r = "{" + r.join() + "}";
} else {
for (var i = 0; i < o.length; i++) {
r.push(arraytojson(o[i]));
}
r = "[" + r.join() + "]";
}
return r;
}
return o.tostring();
}

更多详细内容请查看:http://www.111cn.net/wy/js-ajax/array-json.htm

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有4人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板