js中如何返回一個存放對象的數組?
阿新 • • 發佈:2017-11-04
drp stx evc fhe plt fat axu soj sdh
我這邊需要返回後臺數據的形式是這樣的
{[ { "ItemId": "18", "SelectId": 2 }, { "ItemId": "19", "SelectId": 1 }, { "ItemId": "20", "SelectId": 1 }, { "ItemId": "21", "SelectId": 4 }, { "ItemId": "22", "SelectId": 4 } ]}
頁面是通過循環去獲取每一個對象中屬性的值
{ "ItemId": "21", "SelectId": 4 }
那麽在js頁面中,如何返回一個這樣格式的數據呢?
[ { "ItemId": "18", "SelectId": 2 }, { "ItemId": "19", "SelectId": 1 }, { "ItemId": "20", "SelectId": 1 } ]
首先在js中定義一個函數對象goods(item1,item2)
//定義函數 goods 返回所需的數據 function goods(item1,item2){ return {"ItemId":item1,"SelectId":item2}; }
然後定義一個數組對象Array
//定義一個數組對象,存放函數對象 var array = new Array();
下一步,追加函數對象值到數組中
//循環5次追加數據到數組中 for(var i=0;i<5;i++){ array.push(goods((i+1),(i+10))); }
查看數組是否保存添加的數據
//循環查看 for(var j=0;j<array.length;j++){ console.log(array[j]); }
查看數組的結果
測試全部代碼:
Html頁面
<body> <input type="button" value="測試數組" onClick="Test()" /> </body>
js頁面
<script> //定義js函數對象方法 function goods(item1,item2){ return {"ItemId":item1,"SelectId":item2}; } function Test(){ //定義存放函數對象的數組 var array = new Array(); //循環5次追加數據到數組中 for(var i=0;i<5;i++){ array.push(goods((i+1),(i+10))); } //循環查看 for(var j=0;j<array.length;j++){ console.log(array[j]); } } </script>
測試的結果(谷歌調試界面)
js中如何返回一個存放對象的數組?