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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • pip卸载或pip19.0.3升级失败[通俗易懂]

    pip卸载或pip19.0.3升级失败[通俗易懂]1、每次升级失败都提示:python-mpipinstall–upgradepip,并没有用先使用命令curlhttps://bootstrap.pypa.io/get-pip.py-oget-pip.py然后使用命令pythonget-pip.py网上说有用,可能我的网络原因未成功最后下载pip19.0.3的gz包,解压后,在文件夹内运行命令行:pythonse…

    2022年8月31日
    2
  • 会让程序员争论起来的几个话题

    点击上方“全栈程序员社区”,星标公众号 重磅干货,第一时间送达 1、世界上最好的编程语言 这个话题是千年老梗,但只要论坛有小白提问总会引起争论。 A:Python 是最好的编程语言…

    2021年6月24日
    102
  • computed radiography_select a reference library

    computed radiography_select a reference libraryaim:Inthispaper,ourgoalistoprovidesuchaphysicalsceneparse:tosegmentvisibleregionsintosurfacesandobjectsandtoinfertheirsupportrelations.Inparticular,weareinterestedinin…

    2022年9月18日
    2
  • matlab理想低通滤波器代码_matlab简单低通滤波器

    matlab理想低通滤波器代码_matlab简单低通滤波器低通滤波器的设计设计低通滤波器的要求:设低通滤波器通带截止频率为ωp=0.2π,阻带截止频率为ωs=0.4π,通带波纹Ag=0.5dB,最小阻带衰减Ar=50dB。wp=0.2*pi;wr=0.4*pi;trwidth=wr-wp;%过渡带宽度N=ceil(6.64*pi/trwidth)+1;%滤波器的长度n=0:1:N-1;wc=(wr+wp)/2;hd=ideal_lp(wc,N);w_…

    2025年8月11日
    4
  • Java+Servlet+JSP+Mysql+Tomcat实现Web学生选课管理系统

    Java+Servlet+JSP+Mysql+Tomcat实现Web学生选课管理系统Java实现Web学生选课管理系统一、系统介绍1.软件环境2.系统功能3.数据库二、系统展示1.登录页面2.学生-主页面3.学生-查看个人信息4.学生-选择课程5.学生-查看已选课程6.教师-主页面7.教师-查看个人信息8.教师-评分9.教师-查看任课信息10.管理员-主页面11.管理员-管理员功能-查看个人信息12.管理员-管理员功能-添加新的管理员13.管理员-学生功能-添加学生14.管理员-学生功能-获取所有学生15.管理员-课程功能-添加课程16.管理员-课程功能-查询课程17.管理员-教师功能-添

    2022年10月16日
    3
  • 图片搜索引擎大合集

    图片搜索引擎大合集转自:bbs.service.alibaba.com/bbs/read.php?tid=2768相似图片搜索网站(以图搜图)如何凭着一张现有图片找出它的原始图片,或者是凭着一张小的缩略图找出原始大图?下面的搜索引擎可以帮你实现、以图找图、以图搜图。  以图搜图是颠覆性的搜索方式,基于图片的搜索模式自09年以来在全球各大权威评选中,都被公认为未来几年互联网最有前

    2022年9月10日
    2

发表回复

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

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