js 二维数组添加json数据及js数组与json字符串

蔚落 2022-05-15 07:57 209阅读 0赞

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

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

**// 第一种方式**

[?][Link 1]

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 </td> 
 <td> <code>personInfo</code> <code>: [],</code> <code>for</code><code>(</code><code>var</code> <code>i = 0; i &lt; _STAGE.passengerInfoArray.length; i++){ </code> <code>var</code> <code>name = _STAGE.passengerInfoArray[i];</code> <code>var</code> <code>person = {v:name, text:name};</code> <code>this</code><code>.personInfo.push(person);</code> <code>}</code> </td> 
 </tr> 
 </tbody> 
</table>

**// 第二种方式**

[?][Link 1]

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 </td> 
 <td> <code>var</code> <code>passengerInfo = {};</code> <code>passengerInfo.psgTypeDesc = psgTypeDesc;</code> <code>passengerInfo.flightPrice = flightPrice;</code> <code>_STAGE.passengerInfoArray.push(passengerInfo);</code> </td> 
 </tr> 
 </tbody> 
</table>

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

[?][Link 1]

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 </td> 
 <td> <code>var</code> <code>status_process = { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>" name5"</code> <code>: </code><code>'闲置期'</code><code>,</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>"name1"</code> <code>: </code><code>'播种期'</code><code>,</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>"name2"</code> <code>: </code><code>'苗期'</code><code>,</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>"name3"</code> <code>: </code><code>'生长期'</code><code>,</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>"name4"</code> <code>: </code><code>'采收期'</code> <code>&nbsp;&nbsp;&nbsp;</code><code>}&nbsp;&nbsp;&nbsp; </code> <code>&nbsp;&nbsp;</code><code>alert(status_process);</code> </td> 
 </tr> 
 </tbody> 
</table>

结果为：Object:Object;

2,json字符串

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

[?][Link 1]

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 </td> 
 <td> <code>var</code> <code>s1=</code><code>"{"</code><code>;</code> <code>var</code> <code>s2 = </code><code>" 'name5' : '闲置期',&nbsp; 'name1' : '播种期','name2' : '苗期','name3' : '生长期','name4' : '采收期'"</code><code>;</code> <code>var</code> <code>s3=</code><code>"}"</code><code>;</code> <code>var</code> <code>status_process=s1+s2 +s3；</code> </td> 
 </tr> 
 </tbody> 
</table>

虽然status\_process的值符合json对象的格式，但是它不是对象，只是一个字符串(是拼凑出来的)；

将字符串转换为json对象使用函数eval，eval("(" + status\_process+ ")")；

结论：从后台传入到前台的是json字符串，不是真正的json对象，因此需要使用eval函数转换。

3，json对象的使用

[?][Link 1]

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 </td> 
 <td> <code>var</code> <code>status_process = { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>name5 : </code><code>'闲置期'</code><code>,</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>name1 : </code><code>'播种期'</code><code>,</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>name2 : </code><code>'苗期'</code><code>,</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>name3 : </code><code>'生长期'</code><code>,</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>name4 : </code><code>'采收期'</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>};</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>alert(status_process[</code><code>"name5"</code><code>]);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>alert(status_process.name5);</code> </td> 
 </tr> 
 </tbody> 
</table>

两个都为:闲置期

4,json二维对象

[?][Link 1]

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 </td> 
 <td> <code>var</code> <code>status_process = { </code> <code>&nbsp;</code><code>name5 : {name3:</code><code>'空闲闲置期'</code><code>},</code> <code>&nbsp;</code><code>name1 : </code><code>'播种期'</code><code>,</code> <code>&nbsp;</code><code>name2 : </code><code>'苗期'</code><code>,</code> <code>&nbsp;</code><code>name3 : </code><code>'生长期'</code><code>,</code> <code>&nbsp;</code><code>name4 : </code><code>'采收期'</code> <code>};</code> <code>alert(status_process[</code><code>"name5"</code><code>][</code><code>"name3"</code><code>]);</code> <code>alert(status_process.name5.name3);</code> </td> 
 </tr> 
 </tbody> 
</table>

结果都为：'空闲闲置期'

[https://www.jb51.net/article/73950.htm][https_www.jb51.net_article_73950.htm]

[Link 1]: https://www.jb51.net/article/73950.htm#
[https_www.jb51.net_article_73950.htm]: https://www.jb51.net/article/73950.htm