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 相关文章推荐
jquery 查找新建元素代码
Jul 06 Javascript
JS按字节截取字符长度实例
Nov 20 Javascript
浅谈类似于(function(){}).call()的js语句
Mar 30 Javascript
全系IE支持Bootstrap的解决方法
Oct 19 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
Nov 26 Javascript
JS实现的打字机效果完整实例
Jun 20 Javascript
深入理解bootstrap框架之入门准备
Oct 09 Javascript
原生js中ajax访问的实例详解
Sep 19 Javascript
javascript基本常用排序算法解析
Sep 27 Javascript
Angular实现预加载延迟模块的示例
Oct 12 Javascript
ES7中利用Await减少回调嵌套的方法详解
Nov 01 Javascript
vue 重塑数组之修改数组指定index的值操作
Aug 09 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
《斗罗大陆》六翼天使武魂最强,为什么老千家不是上三宗?
2020/03/02 国漫
PHP中soap的用法实例
2014/10/24 PHP
PHP数组操作类实例
2015/07/11 PHP
PHP数组中头部和尾部添加元素的方法(array_unshift,array_push)
2017/04/10 PHP
PHP弱类型语言中类型判断操作实例详解
2017/08/10 PHP
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
2010/01/07 Javascript
jquery.simple.tree插件 更简单,兼容性更好的无限树插件
2010/09/03 Javascript
jQuery 选择器项目实例分析及实现代码
2012/12/28 Javascript
js实现的切换面板实例代码
2013/06/17 Javascript
JQuery控制radio选中和不选中方法总结
2015/04/15 Javascript
js自调用匿名函数的三种写法(推荐)
2016/08/19 Javascript
JS查找字符串中出现次数最多的字符
2016/09/05 Javascript
jquery实现放大镜简洁代码(推荐)
2017/06/08 jQuery
基于ajax和jsonp的原生封装(实例)
2017/10/16 Javascript
vue中子组件调用兄弟组件方法
2018/07/06 Javascript
ES6 Set结构的应用实例分析
2019/06/26 Javascript
[09:33]2015国际邀请赛第四日TOP10
2015/08/08 DOTA
Python中的模块导入和读取键盘输入的方法
2015/10/16 Python
python3 pillow生成简单验证码图片的示例
2017/09/19 Python
解决在pycharm中显示额外的 figure 窗口问题
2019/01/15 Python
Python Numpy 实现交换两行和两列的方法
2019/06/26 Python
Flask框架搭建虚拟环境的步骤分析
2019/12/21 Python
公司财务工作总结的自我评价
2013/11/23 职场文书
《小山羊和小灰兔》教学反思
2014/02/19 职场文书
我的祖国演讲稿
2014/05/04 职场文书
幼儿园安全生产月活动总结
2014/07/05 职场文书
学习实践科学发展观心得体会
2014/09/10 职场文书
四风自我剖析材料
2014/09/30 职场文书
让生命充满爱观后感
2015/06/08 职场文书
开票证明
2015/06/23 职场文书
葬礼主持词
2015/07/02 职场文书
六一亲子活动感想
2015/08/07 职场文书
go语言中http超时引发的事故解决
2021/06/02 Golang
Go Plugins插件的实现方式
2021/08/07 Golang
自动在Windows中运行Python脚本并定时触发功能实现
2021/09/04 Python
科学家测试在太空中培育人造肉,用于未来太空旅行
2022/04/29 数码科技