js數(shù)組如何添加json數(shù)據(jù)及js數(shù)組與json的區(qū)別
JSON（JavaScript Object Notation ）是一種輕量級的數(shù)據(jù)交換格式，采用完全獨立于語言的文本格式，JSON是JavaScript原生數(shù)據(jù)格式。
下面給大家介紹js數(shù)組添加json數(shù)據(jù)的兩種方式。
// 第一種方式
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數(shù)組與 json 的區(qū)別
一，數(shù)組
1. 定義一維數(shù)組：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對象使用函數(shù)eval，eval("(" + status_process+ ")")；
結論：從后臺傳入到前臺的是json字符串，不是真正的json對象，因此需要使用eval函數(shù)轉換。
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);
結果都為：'空閑閑置期'
- JS中的數(shù)組轉變成JSON格式字符串的方法
- javascript中json對象json數(shù)組json字符串互轉及取值方法
- js 轉json格式的字符串為對象或數(shù)組(前后臺)的方法
- 在PHP語言中使用JSON和將json還原成數(shù)組的方法
- json對象與數(shù)組以及轉換成js對象的簡單實現(xiàn)方法
- JS簡單循環(huán)遍歷json數(shù)組的方法
- JSON用法之將PHP數(shù)組轉JS數(shù)組，JS如何接收PHP數(shù)組
- JQuery遍歷json數(shù)組的3種方法
- JS無限極樹形菜單,json格式、數(shù)組格式通用示例
- 詳解javascript對數(shù)組和json數(shù)組的操作
相關文章
layui屬于輕量級框架,簡單美化.是用于開發(fā)后端模式,它在服務端頁面上有非常好的效果，這篇文章主要介紹了layUI布局使用教程,需要的朋友可以參考下2022-09-09
在Web開發(fā)中,我們經(jīng)常需要將圖片轉換為Base64格式,以便在不依賴外部資源的情況下直接在HTML中使用,在這篇文章中,我將向您展示如何使用JavaScript將圖片元素轉BASE64編碼,需要的朋友可以參考下2023-12-12
JavaScript獲取網(wǎng)頁中第一個圖片id的方法
這篇文章主要介紹了JavaScript獲取網(wǎng)頁中第一個圖片id的方法,涉及javascript中document.images方法的使用技巧,需要的朋友可以參考下2015-04-04
一個alert出數(shù)組中的隨即值代碼，隨即的到min和max之間的值，經(jīng)測試，比較實用2014-09-09
js圖片延遲加載(Lazyload)三種實現(xiàn)方式
這篇文章主要介紹了js延遲加載(Lazyload)三種實現(xiàn)方式，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-03-03
Js動態(tài)添加復選框Checkbox的實例方法，需要的朋友可以參考一下2013-04-04
JS實現(xiàn)基于Sketch.js模擬成群游動的蝌蚪運動動畫效果【附demo源碼下載】
這篇文章主要介紹了JS實現(xiàn)基于Sketch.js模擬成群游動的蝌蚪運動動畫效果,涉及Sketch.js插件的使用及HTML5元素的應用技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-08-08
這篇文章主要為大家詳細介紹了JS輪播圖中緩動函數(shù)的封裝，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要為大家詳細介紹了一些你不知道的JavaScript異步相關知識，文中的示例代碼講解詳細，對我們學習JavaScript有一定幫助，感興趣的可以跟隨小編一起學習一下2022-11-11
在表格導出數(shù)據(jù)中，發(fā)現(xiàn)設置了分頁參數(shù)，導出的數(shù)據(jù)僅為表格加載的分頁參數(shù)數(shù)據(jù)，于是，針對這樣的情況，通過設置分頁參數(shù)的值，使表格可以加載更多的數(shù)據(jù)，可達到導出所有數(shù)據(jù)的功能需求。下面通過本文給大家分享表格展示利器 Bootstrap Table2017-09-09