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"]);
js获取json的key和valuealert(status_process.name5.name3);
结果都为:'空闲闲置期'
另⼀篇转⽂: asyty.iteye/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:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论