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中SQL语句的应用实现
May 04 Javascript
jQuery setTimeout()函数使用方法
Apr 07 Javascript
解析瀑布流布局:JS+绝对定位的实现
May 08 Javascript
js 固定悬浮效果实现思路代码
Aug 02 Javascript
javascript静态页面传值的三种方法分享
Nov 12 Javascript
JavaScript中输出标签的方法
Aug 27 Javascript
深入浅析JavaScript中的作用域和上下文
Mar 26 Javascript
jquery checkbox的相关操作总结
Oct 17 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
May 13 jQuery
vue2.0 根据状态值进行样式的改变展示方法
Mar 13 Javascript
微信小程序实现即时通信聊天功能的实例代码
Aug 17 Javascript
Puppet的一些技巧
Sep 17 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
实用函数4
2007/11/08 PHP
PHP中simplexml_load_string函数使用说明
2011/01/01 PHP
php设计模式之命令模式使用示例
2014/03/02 PHP
php如何获取文件的扩展名
2015/10/28 PHP
实例讲解PHP设计模式编程中的简单工厂模式
2016/02/29 PHP
thinkphp5框架前后端分离项目实现分页功能的方法分析
2019/10/08 PHP
ThinkPHP6.0如何利用自定义验证规则规范的实现登陆
2020/12/16 PHP
javascript 客户端验证上传图片的大小(兼容IE和火狐)
2009/08/15 Javascript
JS 文件传参及处理技巧分析
2010/05/13 Javascript
IE和Firefox的Javascript兼容性总结[推荐收藏]
2011/10/19 Javascript
jQuery中siblings()方法用法实例
2015/01/08 Javascript
javascript包装对象实例分析
2015/03/27 Javascript
JavaScript获取页面中表单(form)数量的方法
2015/04/03 Javascript
PassWord输入框代码分享
2016/06/07 Javascript
第七篇Bootstrap表单布局实例代码详解(三种表单布局)
2016/06/21 Javascript
js事件冒泡、事件捕获和阻止默认事件详解
2016/08/04 Javascript
将html页面保存成图片,图片写入pdf的实现方法(推荐)
2016/09/17 Javascript
bootstrapValidator 重新启用提交按钮的方法
2017/02/20 Javascript
jquery.picsign图片标注组件实例详解
2018/02/02 jQuery
Bootstrap4如何定制自己的颜色和风格
2018/02/26 Javascript
JS从非数组对象转数组的方法小结
2018/03/26 Javascript
Jquery获取radio选中值实例总结
2019/01/17 jQuery
微信小程序 网络通信实现详解
2019/07/23 Javascript
微信小程序常用的3种提示弹窗实现详解
2019/09/19 Javascript
如何在Vue中抽离接口配置文件
2019/10/31 Javascript
微信小程序开发打开另一个小程序的实现方法
2020/05/17 Javascript
js实现移动端图片滑块验证功能
2020/09/29 Javascript
Python实现一个简单的验证码程序
2017/11/03 Python
南非最受欢迎的时尚品牌:MRP
2016/09/18 全球购物
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢?
2016/08/18 面试题
幼儿园春游活动方案
2014/01/19 职场文书
《蜗牛》教学反思
2014/02/18 职场文书
经典公益广告词
2014/03/13 职场文书
施工质量承诺书范文
2014/05/30 职场文书
基层党组织整改方案
2014/10/25 职场文书
退税申请报告怎么写
2015/05/18 职场文书