1. 程式人生 > >js中如何返回一個存放對象的數組?

js中如何返回一個存放對象的數組?

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中如何返回一個存放對象的數組?