js数组如何添加json数据及js数组与json的区别


Posted in Javascript onOctober 27, 2015

 JSON(JavaScript Object Notation )是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,JSON是JavaScript原生数据格式。

下面给大家介绍js数组添加json数据的两种方式。

// 第一种方式

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

// 第二种方式

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对象       

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

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

Javascript 相关文章推荐
javascript StringBuilder类实现
Dec 22 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战二)
Aug 21 Javascript
javascript 弹出的窗口返回值给父窗口具体实现
Nov 23 Javascript
Javascript中call的两种用法实例
Dec 13 Javascript
JS 在指定数组中随机取出N个不重复的数据
Jun 10 Javascript
JavaScript中的object转换函数toString()与valueOf()介绍
Dec 31 Javascript
SyntaxHighlighter 3.0.83使用笔记
Jan 26 Javascript
移动端滑动插件Swipe教程
Oct 16 Javascript
javascript简易画板开发
Apr 12 Javascript
JS获取短信验证码倒计时的实现代码
May 22 Javascript
解决layui表格的表头不滚动的问题
Sep 04 Javascript
使用AutoJs实现微信抢红包的代码
Dec 31 Javascript
基于jquery实现鼠标滚轮驱动的图片切换效果
Oct 26 #Javascript
JavaScript编程中window的location与history对象详解
Oct 26 #Javascript
jquery移动端TAB触屏切换实现效果
Dec 22 #Javascript
基于jQuery实现搜索关键字自动匹配功能
Mar 26 #Javascript
以Python代码实例展示kNN算法的实际运用
Oct 26 #Javascript
Windows下用PyCharm和Visual Studio开始Python编程
Oct 26 #Javascript
php利用curl获取远程图片实现方法
Oct 26 #Javascript
You might like
MySQL的FIND_IN_SET函数使用方法分享
2012/03/27 PHP
shell脚本作为保证PHP脚本不挂掉的守护进程实例分享
2013/07/15 PHP
php 批量替换程序的具体实现代码
2013/10/04 PHP
Zend Framework页面缓存实例
2014/06/25 PHP
php多任务程序实例解析
2014/07/19 PHP
PHP cURL初始化和执行方法入门级代码
2015/05/28 PHP
初识javascript 文档碎片
2010/07/13 Javascript
本地对象Array的原型扩展实现代码
2010/12/04 Javascript
JS实现控制表格行内容垂直对齐的方法
2015/03/30 Javascript
解析浏览器端的AJAX缓存机制
2016/06/21 Javascript
javascript 使用正则test( )第一次是 true,第二次是false
2017/02/22 Javascript
仿京东快报向上滚动的实例
2017/12/13 Javascript
利用JS判断客户端类型你应该知道的四种方法
2017/12/22 Javascript
element ui里dialog关闭后清除验证条件方法
2018/02/26 Javascript
基于vue实现移动端圆形旋钮插件效果
2018/11/28 Javascript
解决echarts的多个折现数据出现坐标和值对不上的问题
2018/12/28 Javascript
使用JS监听键盘按下事件(keydown event)
2019/11/07 Javascript
Vue.directive 实现元素scroll逻辑复用
2019/11/29 Javascript
[02:53]DOTA2亚洲邀请赛 NewBee战队巡礼
2015/02/03 DOTA
Python利用前序和中序遍历结果重建二叉树的方法
2016/04/27 Python
python爬虫之遍历单个域名
2019/11/20 Python
Python字符串格式化常用手段及注意事项
2020/06/17 Python
西班牙国家航空官方网站:Iberia
2017/11/16 全球购物
美国最大的购物网站:Amazon.com(亚马逊美国)
2020/05/23 全球购物
环境科学专业个人求职的自我评价
2013/11/28 职场文书
英语自荐信常用语句
2013/12/13 职场文书
企事业单位求职者的自我评价
2013/12/28 职场文书
教你打造完美的创业计划书
2014/01/06 职场文书
办公室人员先进事迹
2014/01/27 职场文书
信用卡结清证明怎么写
2014/09/13 职场文书
毕业生就业推荐表自我评价
2015/03/02 职场文书
创业计划书之酒厂
2019/10/14 职场文书
2020年个人安全保证书参考模板
2020/01/08 职场文书
分析ZooKeeper分布式锁的实现
2021/06/30 Java/Android
豆瓣2021评分最高动画剧集-豆瓣评分最高的动画剧集2021
2022/03/18 日漫
利用 Python 的 Pandas和 NumPy 库来清理数据
2022/04/13 Python