js数组与 json 的区别_Android, Python及开发编程讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛

总帖数

每页帖数

1/1页

返回列表

发起投票

查看: 2263 | 回复: 1

主题： js数组与 json 的区别

_chen

版主

等级：中校
经验：2139
发帖：39
精华：0
注册：2013-8-23
状态：离线
发送短消息息给_chen

加好友发送短消息息给_chen

发消息

发表于：

2015-8-11 11:35:40 | [全部帖] [楼主帖]

楼主

一、数组

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

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

            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>