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

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

{[
  {
    "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>

测试的结果(谷歌调试界面)

时间: 2024-10-28 15:38:01

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

js中如何判断一个DOM对象是否存在?

<div id="div1"></div> if(!!document.getElementById("div1"))

使用jQuery匹配文档中所有的li元素,返回一个jQuery对象,然后通过数组下标的方式读取jQuery集合中第1个DOM元素,此时返回的是DOM对象,然后调用DOM属性innerHTML,读取该元素 包含的文本信息

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta htt

函数可以返回一个局部对象,而不能返回一个局部对象的引用(指针):

函数可以返回一个局部对象,而不能返回一个局部对象的引用(指针):当函数返回一个局部对象时,虽然这个对象已经释放,但是返回时会产生一个临时的对象.而当返回一个局部对象的引用时,这个对象已经不存在了.这就要求在函数参数中,包含一个引用或指针.int &func(int a,int b,int &retsult){ retsult = a + b; return &retsult}但是如下代码是错误的(返回局部对象的引用)int &func(int a,int b){ int &

返回一个二维整数数组中最大子数组的和

题目:返回一个二维整数数组中最大子数组的和.要求:输入一个二维整形数组,数组里有正数也有负数.      二维数组中连续的一个子矩阵组成一个子数组,每个子数组都有一个和.      求所有子数组的和的最大值.要求时间复杂度为O(n). 结对编程要求:两人结对完成编程任务.              一人主要负责程序分析,代码编程.              一人负责代码复审和代码测试计划.              发表一篇博客文章讲述两人合作中的过程.体会以及如何解决冲突(附结对开发的工作照)

zbb20170928 解决springmvc在单纯返回一个字符串对象时所出现的乱码情况

解决springmvc在单纯返回一个字符串对象时所出现的乱码情况 使 用springmvc框架开发了这么长时间,之前都是直接返回jsp页面,乱码情况都是通过配置和手动编解码来解决,但是今天突然返回一段单纯的字符串 时,发现中文乱码情况解决不了了,下面就给各位分享一下如何解决返回字符串时出现的乱码情况(无需实验,直接使用即可). 之前我们都是通过在springmvc的核心配置文件中配置视图解析器来返回指定的页面,将数据通过Model对象渲染页面,最后响应给用户,但是这种方式我们是通过在web.xm

返回一个集合对象,同时这个集合的对象的属性又是一个集合对象的处理方法(ViewModel)

如果遇到需要返回一个集合对象,其中该集合中的属性又是一个集合.第一种:可在考虑用外键关联,比如在控制器中可以采用预先加载的方式加载关联的数据,比如 RoleManager.Roles.Include<x =>r.Users>.ToList(); 第二种 可以考虑使用视图模型ViewModel的方式.第二种方式的适用范围更加广泛,第一种方式使用较为简单,但使用的场合有限. 一.建立视图模型 ViewModel public class IndexRoleViewModel { public

js中return返回值小练习

本文只是帮助初学者入门用的 关于js中的返回值return 如果函数中存在return,执行到了那行之后就直接跳出整个函数,接着向下执行 上例子 定义一个函数是否是偶数,如果是返回true,如果不是返回false? 我相信大多数才学的人会这样写 function isOu(num){ if(num%2==0){ return true }else{ return false } } 这样写不是不可以,只是有点啰嗦 因为num%2==0本身就是一个判断,所以 function isOu(num){

结对开发之返回一个二维整数数组中最大联通子数组的和

一.题目要求 输入一个二维整形数组,数组里有正数也有负数.二维数组首尾相接,象个一条首尾相接带子一样.数组中连续的一个或多个整数组成一个子数组,每个子数组都有一个和.求所有子数组的和的最大值.要求时间复杂度为O(n)题目:返回一个二维整数数组中最大子数组的和 二.解题思路 先对二维数组进行了重构,形成一个环状二维数组,然后再用求二维数组子矩阵最大和的方法求得最终结果. 三.程序代码 2 #include<iostream.h> 3 int main(int argc, char* argv[]

返回一个二维整数数组中最大联通子数组的和6

1 问题:返回一个二维整数数组中最大联通子数组的和 2 思路:对n*m的二维数组进行分解,分解为n个一维数组,再先求这n个一维数组的最大子数组和,并记下每行最大一维子数组的下标如2-5,这是就会分两种情况第一种是行之间的最大子数组是相连的,如第一行是2-5,第二行是3-6,这是直接相加就行.第二种是不相连的如第一行是2-5,第二行是6-7,这时候就把每行的最大子数组看成一个整体,再使每个最大数组块进行相连,求使其相连的最小代价.最后就可求出最大联通子数组的和. 3 代码 #include<ios