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 相关文章推荐
Js-$.extend扩展方法使方法参数更灵活
Jan 15 Javascript
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
Dec 05 Javascript
纯js实现遮罩层效果原理分析
May 27 Javascript
JavaScript数组去重的两种方法推荐
Apr 05 Javascript
关于JS 预解释的相关理解
Jun 28 Javascript
BootStrap整体框架之基础布局组件
Dec 15 Javascript
Easyui笔记2:实现datagrid多行删除的示例代码
Jan 14 Javascript
Node.js学习教程之HTTP/2服务器推送【译】
Oct 31 Javascript
基于模板引擎Jade的应用(详解)
Dec 12 Javascript
微信小程序实现的绘制table表格功能示例
Apr 26 Javascript
JavaScript十大取整方法实例教程
Dec 03 Javascript
Moment的feature导致线上bug解决分析
Sep 23 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
PHPCMS的使用小结
2010/09/20 PHP
php结合正则获取字符串中数字
2015/06/19 PHP
PHP QRCODE生成彩色二维码的方法
2016/05/19 PHP
php实现base64图片上传方式实例代码
2017/02/22 PHP
jquery键盘事件使用介绍
2011/11/01 Javascript
jquery 使用简明教程
2014/03/05 Javascript
jQuery中slice()方法用法实例
2015/01/07 Javascript
在Node.js中使用HTTP上传文件的方法
2015/06/23 Javascript
详解JavaScript的AngularJS框架中的表达式与指令
2016/03/05 Javascript
很棒的js选项卡切换效果
2016/07/15 Javascript
AngularJS基础 ng-copy 指令实例代码
2016/08/01 Javascript
简单谈谈axios中的get,post方法
2017/06/25 Javascript
JS实现合并json对象的方法
2017/10/10 Javascript
安装vue-cli的简易过程
2018/05/22 Javascript
vue实现防抖的实例代码
2021/01/11 Vue.js
Vue基本指令实例图文讲解
2021/02/25 Vue.js
[06:44]2014DOTA2国际邀请赛-钥匙体育馆开战 开幕式振奋人心
2014/07/19 DOTA
[01:04:48]VGJ.S vs TNC Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
python 参数列表中的self 显式不等于冗余
2008/12/01 Python
Python实现简单的可逆加密程序实例
2015/03/05 Python
TensorFlow 读取CSV数据的实例
2020/02/05 Python
Python print不能立即打印的解决方式
2020/02/19 Python
python图片剪裁代码(图片按四个点坐标剪裁)
2020/03/10 Python
Python学习工具jupyter notebook安装及用法解析
2020/10/23 Python
Dr. Martens马汀博士法国官网:马丁靴鼻祖
2020/01/15 全球购物
总经理文秘岗位职责
2014/02/03 职场文书
创业计划书模版
2014/02/05 职场文书
航空学院求职信
2014/06/11 职场文书
购房意向书
2014/08/30 职场文书
中职毕业生自我鉴定
2014/09/13 职场文书
重阳节演讲稿:尊敬帮助老人 弘扬传统美德
2014/09/25 职场文书
2014年精神文明工作总结
2014/12/23 职场文书
销售员岗位职责
2015/02/10 职场文书
Django操作cookie的实现
2021/05/26 Python
Spring Boot两种全局配置和两种注解的操作方法
2021/06/29 Java/Android
docker compose 部署 golang 的 Athens 私有代理问题
2022/04/28 Servers