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 相关文章推荐
Convert Seconds To Hours
Jun 16 Javascript
List the Stored Procedures in a SQL Server database
Jun 20 Javascript
javascript常用方法、属性集合及NodeList 和 HTMLCollection 的浏览器差异
Dec 25 Javascript
文本框水印提示效果的简单实现代码
Feb 22 Javascript
javascript设计模式之解释器模式详解
Jun 05 Javascript
jQuery中get和post方法传值测试及注意事项
Aug 08 Javascript
JS实现的生成随机数的4个函数分享
Feb 11 Javascript
JS添加删除DIV的简单实例
Jul 08 Javascript
JavaScript的==运算详解
Jul 20 Javascript
jQuery快速高效制作网页交互特效
Feb 24 Javascript
从零开始在vue-cli4配置自适应vw布局的实现
Jun 08 Javascript
ReactRouter的实现方法
Jan 25 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 和 XML: 使用expat函数(一)
2006/10/09 PHP
深入解析phpCB批量转换的代码示例
2013/06/27 PHP
php短网址和数字之间相互转换的方法
2015/03/13 PHP
TP5框架实现的数据库备份功能示例
2020/04/05 PHP
javascript Math.random()随机数函数
2009/11/04 Javascript
jquery图片放大镜功能的实例代码
2013/03/26 Javascript
bootstrap data与jquery .data
2014/07/07 Javascript
DOM基础教程之事件类型
2015/01/20 Javascript
基于jquery实现的自动补全功能
2015/03/12 Javascript
JQuery ZTree使用方法详解
2017/01/07 Javascript
javascript变量提升和闭包理解
2018/03/12 Javascript
浅谈layer弹出层按钮颜色修改方法
2019/09/11 Javascript
Vue中添加滚动事件设置的方法详解
2020/09/14 Javascript
Javascript表单序列化原理及实现代码详解
2020/10/30 Javascript
在Python中利用Into包整洁地进行数据迁移的教程
2015/03/30 Python
Python编程实现微信企业号文本消息推送功能示例
2017/08/21 Python
基于python的图片修复程序(实现水印去除)
2018/06/04 Python
python3使用QQ邮箱发送邮件
2020/05/20 Python
Python 监测文件是否更新的方法
2019/06/10 Python
Django 迁移、操作数据库的方法
2019/08/02 Python
python中删除某个元素的方法解析
2019/11/05 Python
Jupyter notebook如何实现指定浏览器打开
2020/05/13 Python
基于tf.shape(tensor)和tensor.shape()的区别说明
2020/06/30 Python
10行Python代码实现Web自动化管控的示例代码
2020/08/14 Python
Html5实现移动端、PC端 刮刮卡效果
2016/06/30 HTML / CSS
美国零售商店:Blue&Cream
2017/04/07 全球购物
Sasa莎莎海外旗舰店:香港莎莎美妆平台
2018/03/21 全球购物
请假条怎么写
2014/04/10 职场文书
个人租房协议书范本
2014/09/30 职场文书
2015年信访维稳工作总结
2015/04/07 职场文书
南京大屠杀观后感
2015/06/02 职场文书
红色经典观后感
2015/06/18 职场文书
英文诗歌翻译方法(赏析)
2019/08/16 职场文书
Java数据结构之链表相关知识总结
2021/06/18 Java/Android
Python NumPy灰度图像的压缩原理讲解
2021/08/04 Python
我国拿下天问一号火星着陆区附近 22 个地理实体命名:平乐、西柏坡、古田、漠河等
2022/04/29 数码科技