js 二维数组 添加json数据及js数组与json字符串「建议收藏」

js 二维数组 添加json数据及js数组与json字符串「建议收藏」 JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,JSON是JavaScript原生数据格式。下面给大家介绍js数组添加json数据的两种方式。//第一种方式? 1 2 3 4 5 6 7 personInfo :[],…

大家好,又见面了,我是你们的朋友全栈君。

 JSON(JavaScript Object Notation )是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,JSON是JavaScript原生数据格式。

下面给大家介绍js数组添加json数据的两种方式。

// 第一种方式

?

1

2

3

4

5

6

7

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);

}

// 第二种方式

?

1

2

3

4

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对象       

?

1

2

3

4

5

6

7

8

var status_process = {

      " name5" : '闲置期',

    "name1" : '播种期',

    "name2" : '苗期',

    "name3" : '生长期',

    "name4" : '采收期'

   }   

  alert(status_process);

      结果为:Object:Object;

  2,json字符串

              所谓json字符串,是指该字符串变量的值与json的格式相同,但是不是json对象,比如:

?

1

2

3

4

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对象的使用       

?

1

2

3

4

5

6

7

8

9

var status_process = {

      name5 : '闲置期',

     name1 : '播种期',

     name2 : '苗期',

      name3 : '生长期',

      name4 : '采收期'

     };

     alert(status_process["name5"]);

     alert(status_process.name5);

             两个都为:闲置期

  4,json二维对象       

?

1

2

3

4

5

6

7

8

9

var status_process = {

 name5 : {name3:'空闲闲置期'},

 name1 : '播种期',

 name2 : '苗期',

 name3 : '生长期',

 name4 : '采收期'

};

alert(status_process["name5"]["name3"]);

alert(status_process.name5.name3);

  结果都为:’空闲闲置期’

 

https://www.jb51.net/article/73950.htm

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/140536.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Databus 深入学习

    Databus 深入学习一、关于databusLinkedIn于2月26日开源了其低延时变化数据捕获系统Databus,该系统可以在MySQL以及Oracle数据源上捕获数据,当下LinkedIn只开源了Oracle上的连接器。Databus作为LinkedIn生态系统中的一致性保障组件,在低延时的情况下仍然具有高有效性;而其最大的特点莫过于无限制恢复能力及丰富的数据深度处理功能。二、基于da…

    2022年10月10日
    0
  • 主机网址怎么查_主机名查询

    主机网址怎么查_主机名查询由于JEO.VEE在做国外空间主机评测服务,平时会有很多朋友询问主机方面的问题,最常见的就是“哪个国外主机商最好?”或者“justhost主机服务怎么样?”等等很多类似的问题。其实国外大部分主机都还是可以的,没有哪个主机商好,也没有哪个最差劲。只有是不适合你。到底怎么知道哪个主机商是否适合自己的站点呢?你可以与你网站规模相类似的站点做下比较。看看对方网站在那个服务器,使用的哪个空间商。比如你的

    2022年10月9日
    0
  • 一张色环图教你搞定配色_24色环颜色调配图

    一张色环图教你搞定配色_24色环颜色调配图一张色环图教你搞定配色!不管是在平面设计或网页制作中,还是在平常生活中的衣服穿搭和室内装潢中,要想打造出非凡的视觉效果,合理的颜色搭配非常重要。下面介绍几种色彩搭配方案供您参考,让你轻易地一靶中的

    2022年8月1日
    5
  • cmd常用命令大全文库_dos命令大全及详解

    cmd常用命令大全文库_dos命令大全及详解刚接触电脑的时候是从DOS系统开始,DOS时代根本就没有Windows这样的视窗操作界面,只有一个黑漆漆的窗口,让你输入命令。所以学DOS系统操作,cmd命令提示符是不可或缺的。可以告诉大家,大多数的

    2022年8月5日
    3
  • 普林斯顿结构和哈佛结构_模具哈佛结构图

    普林斯顿结构和哈佛结构_模具哈佛结构图普林斯顿结构 –通用计算机 ARM7                        –冯诺依曼结构 哈佛结构         –单片机  ARM9ARM10ARM11 普林斯顿结构:指令、数据混合存储,结构简单,成本低。 哈佛结构   :指令、数据分开存储,高速数据处理,可同时读指令、读数据,大大提高了数据吞吐量,缺点是结构复杂。   指令、

    2022年10月5日
    0
  • vue——二级菜单demo

    vue——二级菜单demo学习了vue,最近想着写一写demo练一练,今天写的二级菜单,中间踩过很多坑1、存数据:最开始想着一级菜单存一个数组,二级菜单存不同的数组。那么问题来了,一级菜单和二级菜单应该是超级相关联的,如果分开存储再去建立关系很麻烦,所以存在一个数组对象中,那么也就是说,不管多少级菜单都可以这样,又方便还不需要我们自己去建立相关关系。2、‘^’的变化,最开始想着不同状态用v-show去操作dom…

    2022年6月1日
    48

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号