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转化毫秒为时间格式代码
Apr 10 Javascript
javascript记住用户名和登录密码(两种方式)
Aug 04 Javascript
JavaScript对象数组排序函数及六个用法
Dec 23 Javascript
JQuery EasyUI的使用
Feb 24 Javascript
vue 怎么创建组件及组件使用方法
Jul 27 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
Sep 25 Javascript
ES6中Class类的静态方法实例小结
Oct 28 Javascript
vue axios登录请求拦截器
Apr 02 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
Apr 10 Javascript
详解js实时获取并显示当前时间的方法
May 10 Javascript
Vue-cli项目部署到Nginx服务器的方法
Nov 01 Javascript
node.js 基于 STMP 协议和 EWS 协议发送邮件
Feb 14 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
DOTA2 6.87版本后新眼位详解攻略
2020/04/20 DOTA
PHP分页类集锦
2014/11/18 PHP
PHP INT类型在内存中占字节详解
2019/07/20 PHP
Javascript 中文字符串处理额外注意事项
2009/11/15 Javascript
JavaScript 程序编码规范
2010/11/23 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
2013/11/03 Javascript
探讨JavaScript中声明全局变量三种方式的异同
2013/12/03 Javascript
JQuery中基础过滤选择器用法实例分析
2015/05/18 Javascript
jQuery实现鼠标划过添加和删除class的方法
2015/06/26 Javascript
JavaScript实现点击单元格改变背景色的方法
2016/02/12 Javascript
jQuery实现页面点击后退弹出提示框的方法
2016/08/24 Javascript
JQuery实现图片轮播效果
2017/05/08 jQuery
node.js连接MongoDB数据库的2种方法教程
2017/05/17 Javascript
vue实现页面加载动画效果
2017/09/19 Javascript
如何搭建一个完整的Vue3.0+ts的项目步骤
2020/10/18 Javascript
[02:40]DOTA2英雄基础教程 巨牙海民
2013/12/23 DOTA
Python上下文管理器和with块详解
2017/09/09 Python
Java分治归并排序算法实例详解
2017/12/12 Python
python写入已存在的excel数据实例
2018/05/03 Python
Python之csv文件从MySQL数据库导入导出的方法
2018/06/21 Python
python实现贪吃蛇小游戏
2020/03/21 Python
Django框架使用mysql视图操作示例
2019/05/15 Python
Django认证系统实现的web页面实现代码
2019/08/12 Python
Python socket聊天脚本代码实例
2020/01/02 Python
如何打包Python Web项目实现免安装一键启动的方法
2020/05/21 Python
pandas DataFrame运算的实现
2020/06/14 Python
20年同学聚会感言
2014/02/03 职场文书
安全教育月活动总结
2014/05/05 职场文书
政风行风自查自纠报告
2014/10/21 职场文书
2014年家长学校工作总结
2014/11/20 职场文书
2014年教研员工作总结
2014/12/23 职场文书
2015年“公民道德宣传日”活动方案
2015/05/06 职场文书
2015年会计人员工作总结
2015/05/22 职场文书
单位工资证明范本
2015/06/12 职场文书
Python中的xlrd模块使用整理
2021/06/15 Python
适合后台管理系统开发的12个前端框架(小结)
2021/06/29 Javascript