码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2017-11-04 19:35:56      阅读:465      评论:0      收藏:0      [点我收藏+]

标签:rvm   cux   gms   ext   ted   pm2   pwc   mdi   mft   

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

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

标签:rvm   cux   gms   ext   ted   pm2   pwc   mdi   mft   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!