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使用查询手册
Mar 07 Javascript
javascript正则匹配汉字、数字、字母、下划线
Apr 10 Javascript
JavaScript将取代AppleScript?
Sep 18 Javascript
jQuery实现切换页面过渡动画效果
Oct 29 Javascript
jQuery div拖拽用法实例
Jan 14 Javascript
原生JS轮播图插件
Feb 09 Javascript
Bootstrap实现的标签页内容切换显示效果示例
May 25 Javascript
js如何找出字符串中的最长回文串
Jun 04 Javascript
JavaScript中变量、指针和引用功能与操作示例
Aug 04 Javascript
[jQuery] 事件和动画详解
Mar 05 jQuery
vue实现Excel文件的上传与下载功能的两种方式
Jun 28 Javascript
Element DateTimePicker日期时间选择器的使用示例
Jul 27 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
PHP高级OOP技术演示
2009/08/27 PHP
PHP图片裁剪函数(保持图像不变形)
2014/05/04 PHP
eclipse php wamp配置教程
2016/06/30 PHP
二级域名或跨域共享Cookies的实现方法
2008/08/07 Javascript
判断JavaScript对象是否可用的最正确方法分析
2008/10/03 Javascript
JS中==与===操作符的比较
2009/03/21 Javascript
Iframe 自适应高度并实时监控高度变化的js代码
2009/10/30 Javascript
Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
2010/06/28 Javascript
ext combobox动态加载数据库数据(附前后台)
2014/06/17 Javascript
关闭页面时window.location事件未执行的原因分析及解决方案
2014/09/01 Javascript
基于jQuery实现在线选座之高铁版
2015/08/24 Javascript
不定义JQuery插件 不要说会JQuery
2016/03/07 Javascript
React Native中导航组件react-navigation跨tab路由处理详解
2017/10/31 Javascript
vue中的inject学习教程
2019/04/24 Javascript
element el-tree组件的动态加载、新增、更新节点的实现
2020/02/27 Javascript
vue中keep-alive内置组件缓存的实例代码
2020/04/16 Javascript
Python中文件I/O高效操作处理的技巧分享
2017/02/04 Python
tensorflow多维张量计算实例
2020/02/11 Python
浅谈opencv自动光学检测、目标分割和检测(连通区域和findContours)
2020/06/04 Python
python读取excel数据并且画图的实现示例
2021/02/08 Python
美国家居装饰和豪华家具购物网站:One Kings Lane
2018/12/24 全球购物
aden + anais英国官网:美国婴儿贴身用品品牌
2019/09/08 全球购物
Whistles官网:英国女装品牌
2020/08/14 全球购物
匡威俄罗斯官网:Converse俄罗斯
2020/05/09 全球购物
文明礼仪小标兵事迹
2014/01/12 职场文书
日本语毕业生自荐信
2014/02/01 职场文书
十八届三中全会宣传方案
2014/02/21 职场文书
幼儿评语大全
2014/04/30 职场文书
政府班子四风问题整改措施
2014/10/04 职场文书
个人四风问题整改措施思想汇报
2014/10/04 职场文书
党员组织生活会发言材料
2014/10/17 职场文书
导游欢送词
2015/01/31 职场文书
springboot @ConfigurationProperties和@PropertySource的区别
2021/06/11 Java/Android
四十九个javascript小知识实用技巧
2021/11/20 Javascript
浅谈GO中的Channel以及死锁的造成
2022/03/18 Golang
python中filter,map,reduce的作用
2022/06/10 Python