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将数据库中的TEXT类型数据动态赋值到TEXTAREA中
Apr 20 Javascript
js下获取div中的数据的原理分析
Apr 07 Javascript
只需20行代码就可以写出CSS覆盖率测试脚本
Apr 24 Javascript
jQuery获取当前对象标签名称的方法
Feb 07 Javascript
Node.js异步I/O学习笔记
Nov 04 Javascript
对JavaScript的全文搜索实现相关度评分的功能的方法
Jun 24 Javascript
jquery 遍历数组 each 方法详解
May 25 Javascript
jQuery Chart图表制作组件Highcharts用法详解
Jun 01 Javascript
weebox弹出窗口不居中显示的解决方法
Nov 27 Javascript
vue router动态路由下让每个子路由都是独立组件的解决方案
Apr 24 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
Aug 12 Javascript
Cocos2d实现刮刮卡效果
Dec 20 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
Ajax PHP简单入门教程代码
2008/04/25 PHP
PHP字符串的连接的简单实例
2013/12/30 PHP
php实现无限级分类
2014/12/24 PHP
php实现只保留mysql中最新1000条记录
2015/06/18 PHP
利用PHPExcel实现Excel文件的写入和读取
2017/04/26 PHP
PHP设计模式之简单工厂和工厂模式实例分析
2019/03/25 PHP
一个js拖拽的效果类和dom-drag.js浅析
2010/07/17 Javascript
使用jquery实现select添加实现后台权限添加的效果
2011/05/28 Javascript
jquery弹出关闭遮罩层实例
2013/08/06 Javascript
使用javascript实现页面定时跳转总结篇
2013/09/21 Javascript
EasyUi中的Combogrid 实现分页和动态搜索远程数据
2016/04/01 Javascript
JS实现的样式切换功能tableCSS实例
2016/12/30 Javascript
BootStrap组件之进度条的基本用法
2017/01/19 Javascript
前端编码规范(3)JavaScript 开发规范
2017/01/21 Javascript
js学习总结之DOM2兼容处理this问题的解决方法
2017/07/27 Javascript
Vue实现导出excel表格功能
2018/03/30 Javascript
vue2.0 实现导航守卫(路由守卫)
2018/05/21 Javascript
js打开word文档预览操作示例【不是下载】
2019/05/23 Javascript
[00:20]TI9不朽观赛名额抽取
2019/08/05 DOTA
Python中pillow知识点学习
2018/04/30 Python
Python3中bytes类型转换为str类型
2018/09/27 Python
python的sys.path模块路径添加方式
2020/03/09 Python
html5简单示例_动力节点Java学院整理
2017/07/07 HTML / CSS
使用PDF.JS插件在HTML中预览PDF文件的方法
2018/08/29 HTML / CSS
KIKO比利时官网:意大利彩妆品牌
2017/07/23 全球购物
德国高尔夫商店:Golfshop.de
2019/06/22 全球购物
一篇.NET面试题
2014/09/29 面试题
介绍一下你对SOA的认识
2016/04/24 面试题
三项教育活动实施方案
2014/03/30 职场文书
三年级班级文化建设方案
2014/05/04 职场文书
升学宴来宾致辞
2015/07/27 职场文书
小学生班干部竞选稿
2015/11/20 职场文书
python爬虫selenium模块详解
2021/03/30 Python
Java如何实现树的同构?
2021/06/22 Java/Android
python树莓派通过队列实现进程交互的程序分析
2021/07/04 Python
详解Anyscript开发指南绕过typescript类型检查
2022/09/23 Javascript