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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 单源最短路径dijkstra算法_dijkstra是谁

    单源最短路径dijkstra算法_dijkstra是谁年轻的探险家来到了一个印第安部落里。在那里他和酋长的女儿相爱了,于是便向酋长去求亲。酋长要他用 10000 个金币作为聘礼才答应把女儿嫁给他。探险家拿不出这么多金币,便请求酋长降低要求。酋长说:”嗯,如果你能够替我弄到大祭司的皮袄,我可以只要 8000 金币。如果你能够弄来他的水晶球,那么只要 5000 金币就行了。”探险家就跑到大祭司那里,向他要求皮袄或水晶球,大祭司要他用金币来换,或者替他弄来其他的东西,他可以降低价格。探险家于是又跑到其他地方,其他人也提出了类似的要求,或者直接用金币换,或

  • java 常量池和运行时常量池_java运行时常量池

    java 常量池和运行时常量池_java运行时常量池简介:这几天在看Java虚拟机方面的知识时,看到了有几种不同常量池的说法,然后我就去CSDN、博客园等上找资料,里面说的内容真是百花齐放,各自争艳,因此,我好好整理了一下,将我自认为对的理解写下来与大家共同探讨:在Java的内存分配中,总共3种常量池:1.字符串常量池(StringConstantPool):1.1:字符串常量池在Java内存区域的哪个位置?在JDK6.0及之前版本,字符串

  • 关于mysql 出现 1264 Out of range value for column 错误的解决办法

    关于mysql 出现 1264 Out of range value for column 错误的解决办法

    2021年10月27日
  • 最小设计流量怎么计算_动态限流算法

    最小设计流量怎么计算_动态限流算法给定一个包含 n 个点 m 条边的有向图,并给定每条边的容量和费用,边的容量非负。图中可能存在重边和自环,保证费用不会存在负环。求从 S 到 T 的最大流,以及在流量最大时的最小费用。输入格式第一行包含四个整数 n,m,S,T。接下来 m 行,每行三个整数 u,v,c,w,表示从点 u 到点 v 存在一条有向边,容量为 c,费用为 w。点的编号从 1 到 n。输出格式输出点 S 到点 T 的最大流和流量最大时的最小费用。如果从点 S 无法到达点 T 则输出 0 0。数据范围2≤n≤50

  • Python读txt(python打开txt文件)

    python读写txt文件准备原始txt数据3.14159265358979323846264338327950288419716939937510582097494459230781640628620899862803482534211706798214808651328230664709384460955058223172535940812848111745028410270193852110…

  • 在Windows 10上安装TensorFlow及PyCharm开发环境[通俗易懂]

    在Windows 10上安装TensorFlow及PyCharm开发环境[通俗易懂]  有时候在查看官方文档时,常常看到很多的分支,所以作为开发者我们都喜欢把最佳实践总结出来。下面一起来看看如何在Windows10上安装一个TensorFlow和PyCharm开发环境。安装Anaconda  安装Anaconda以后,即可获得运行TensorFlow所需的Python运行环境。比起直接安装Python,Anaconda安装了丰富的工具,省去了不少麻烦。从http…

发表回复

您的电子邮箱地址不会被公开。

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