JSON数组,JSON对象,数组的区别与基本操作整理(前端)
2017-06-12 00:00
417 查看
JSON数组,JSON对象,数组的区别与基本操作整理
JSON正常就是由对象和数组组成,对象使用对象的方法来进行操作。数组使用数组的方法来进行操作。
2.添加
3.删除
4.循环访问数组
a.jquery
b.一般方式
c.特殊方法
如果json对象的子元素是数组或者json数组,也可以使用length方法。可以用于遍历数据。
JSON 语法规则
JSON 语法是 javascript 对象表示语法的子集。 数据在名称/值对中 数据由逗号分隔 花括号保存对象 方括号保存数组
JSON 名称/值对
JSON 数据的书写格式是:名称/值对。 名称/值对组合中的名称写在前面(在双引号中),值对写在后面(同样在双引号中),中间用冒号隔开: "firstName":"John"
JSON 值
JSON 值可以是: 数字(整数或浮点数) 字符串(在双引号中) 逻辑值(true 或 false) 数组(在方括号中) 对象(在花括号中) null
JSON正常就是由对象和数组组成,对象使用对象的方法来进行操作。数组使用数组的方法来进行操作。
数组
var ourcountry=[["北京市"],["上海市"],["合肥市","芜湖市","蚌埠市"]]; // 数组 alert(ourcountry[2][1]);
JSON对象
var status_process = { " name5" : '闲置期', "name1" : '播种期', "name2" : '苗期', "name3" : '生长期', "name4" : '采收期' } alert(status_process["name5"]); alert(status_process.name5); // 两个都为:闲置期
JSON字符串
所谓json字符串,是指该字符串变量的值与json的格式相同,但是不是json对象,比如:var s1="{"; var s2 = " 'name5' : '闲置期', 'name1' : '播种期','name2' : '苗期','name3' : '生长期','name4' : '采收期'"; var s3="}"; var status_process=s1+s2+s3;
JSON数组遍历
packJson = [ {"name":"zhang", "password":"123"}, {"name":"li", "password":"456"} ]; for(var p in packJson){//遍历json数组时,这么写p为索引,0,1 alert(packJson[p].name + " " + packJson[p].password); } // 或者 for(var i = 0; i < packJson.length; i++){ alert(packJson[i].name + " " + packJson[i].password); }
JSON数组的操作
1.定义var josnArry=[];
2.添加
jsonArry.push(jsonObj);
3.删除
delete jsonArry[0]; splice(index,length):
4.循环访问数组
a.jquery
$.each(jsonArry,function(index,item){ var userId=item.userId; });
b.一般方式
for(var i=0;i<jsonArry.length;i++) { var userId=jsonArry[i].userId; }
c.特殊方法
for(var item in jsonArry) { var userId=jsonArry[item].userId;//注意:此处的item不是数组项,而是数组项的索引 }
JSON对象遍历
myJson = {"name":"ji", "password":"123"}; for(var p in myJson){//遍历json对象的每个key/value对,p为key alert(p + " " + myJson[p]); }
字符串和json对象和json对象数组相互转换
var jsonStr = "{\"userId\":\"001\"}"; // json对象字符串 var jsonArryStr = "[{\"userId\":\"001\"},{\"userId\":\"002\"}]"; // json数组字符串 var jsonObj = JSON.parse(jsonStr); // 字符串转为json对象 var jsonArry = JSON.parse(jsonArryStr); // 字符串转为json数组 var jsonStr = JSON.stringify(jsonObj); // json对象转为字符串 var jsonArryStr=JSON.stringify(jsonArry);// json数组转为字符串 alert(jsonStr); alert(jsonArryStr); alert(jsonObj.userId); alert(jsonArry[0]['userId']);
tips:
只有数组或者json数组才可以使用length方法。json对象使用length方法无效。如果json对象的子元素是数组或者json数组,也可以使用length方法。可以用于遍历数据。
相关文章推荐
- JSON数组,JSON对象,数组的区别与基本操作整理
- JSON数组,JSON对象,数组的区别与基本操作整理
- JSON数组,JSON对象,数组的区别与基本操作整理
- Javascript数组、json对象基本操作
- JSON的数组对象 可以向javascript的Array对象一样操作
- springMvc 前端用json的方式向后台传递对象数组
- js数组的基本操作(很全自己整理的)
- 用jquery实现cookie的操作以及创建js数组和遍历js数组,js对象,jquery.json的使用
- Java -- 利用反射 操作任意数组,包括对象数组 和 基本数据类型的数组
- json值、json对象、json数组、json字符串区别
- JsonCpp操作数组对象
- JS 将变量 转化为字符串的方法, 适用于所有类型,数组, JSON对象,函数和基本类型等
- Day-14 JS中的JSON,for..in..与数组对象的操作
- 整理了一份PHP开发中数组操作大全,包含有数组操作的基本函数、数组的分段和填充、数组与栈、数组与列队、回调函数、排序、计算、其他的数组函数等。
- 操作json数组和json对象,和使用$.post方法
- js中 json字符串 json对象 以及 对象和数组的区别
- js中基本类型操作-----数组基本操作、字符串操作、json操作
- JS实现json对象数组按对象属性排序操作示例
- 在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点。 $().each,对于这个方法,在
- Gson操作json字符串和json对象数组