首页 > 编程语言 > 详细

js中如何返回一个存放对象的数组?

时间:2017-11-04 19:18:07      阅读:1517      评论:0      收藏:0      [点我收藏+]

我这边需要返回后台数据的形式是这样的

{[
  {
    "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中如何返回一个存放对象的数组?

原文:http://www.cnblogs.com/xielong/p/7783855.html

(8)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!