js 二维数组 添加json数据及js数组与json字符串「建议收藏」
大家好,又见面了,我是你们的朋友全栈君。
JSON(JavaScript Object Notation )是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,JSON是JavaScript原生数据格式。
下面给大家介绍js数组添加json数据的两种方式。
// 第一种方式
1 2 3 4 5 6 7 | personInfo : [], for(var i = 0; i < _STAGE.passengerInfoArray.length; i++){ var name = _STAGE.passengerInfoArray[i]; var person = {v:name, text:name}; this.personInfo.push(person); } |
---|
// 第二种方式
1 2 3 4 | var passengerInfo = {}; passengerInfo.psgTypeDesc = psgTypeDesc; passengerInfo.flightPrice = flightPrice; _STAGE.passengerInfoArray.push(passengerInfo); |
---|
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对象
1 2 3 4 5 6 7 8 | var status_process = { " name5" : '闲置期', "name1" : '播种期', "name2" : '苗期', "name3" : '生长期', "name4" : '采收期' } alert(status_process); |
---|
结果为:Object:Object;
2,json字符串
所谓json字符串,是指该字符串变量的值与json的格式相同,但是不是json对象,比如:
1 2 3 4 | 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对象的使用
1 2 3 4 5 6 7 8 9 | var status_process = { name5 : '闲置期', name1 : '播种期', name2 : '苗期', name3 : '生长期', name4 : '采收期' }; alert(status_process["name5"]); alert(status_process.name5); |
---|
两个都为:闲置期
4,json二维对象
1 2 3 4 5 6 7 8 9 | var status_process = { name5 : {name3:'空闲闲置期'}, name1 : '播种期', name2 : '苗期', name3 : '生长期', name4 : '采收期' }; alert(status_process["name5"]["name3"]); alert(status_process.name5.name3); |
---|
结果都为:’空闲闲置期’
https://www.jb51.net/article/73950.htm
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/140536.html原文链接:https://javaforall.cn
相关文章
- js对象数组添加元素
- js数组常用方法「建议收藏」
- js 数组删除和添加数据「建议收藏」
- JS【数组合并】的性能差异对比
- JS 获取当前年份,月份[通俗易懂]
- js数组添加删除数据_如何删除数组中的元素
- 【算法】js求一个数组的幂集
- JS正则表达式从入门到入土(3)—— 范围类详解编程语言
- 数据JS技术实现实时获取Oracle数据(js实时获取oracle)
- JS模拟多线程
- asp.net(C#)中给控件添加客户端js事件的方法
- 如何写JS数组sort的比较函数
- js获取坐标通过JS得到当前焦点(鼠标)的坐标属性
- JS删除数组元素的函数介绍
- Chrome内核下由ashx输出的js代码不起作用的解决方法
- 编写js扩展方法判断一个数组中是否包含某个元素
- js加载读取内容及显示与隐藏div示例
- Node.js异步I/O学习笔记