javascript 对后台返回的数据进行分类

模拟后台返回的数据为：

var arr = [{personName:"张三",id:1,age:12,gender:"male"},{personName:"张三",id:1,age:12,gender:"male"},{personName:"张三",id:1,age:12,gender:"male"},{personName:"李四",id:1,age:12,gender:"male"},{personName:"李四",id:1,age:12,gender:"male"},{personName:"李四",id:1,age:12,gender:"male"},{personName:"王五",id:1,age:12,gender:"male"},{personName:"王五",id:1,age:12,gender:"male"},{personName:"王五",id:1,age:12,gender:"male"}
]

对数据处理的方法为：（对personName来进行分类）

var nList = [];
for (var i = 0; i < arr.length; i++) {if (nList.length == 0) {nList.push({personName: arr[i].personName,data: [arr[i]]})} else {var index = nList.findIndex(item => item.personName == arr[i].personName);if (index >= 0) {nList[index].data.push(arr[i])} else {nList.push({personName: arr[i].personName,data: [arr[i]]})}}
}

对数据处理后的结构为：

[{"personName":"张三","data":[{"personName":"张三","id":1,"age":12,"gender":"male"},{"personName":"张三","id":1,"age":12,"gender":"male"},{"personName":"张三","id":1,"age":12,"gender":"male"}]},{"personName":"李四","data":[{"personName":"李四","id":1,"age":12,"gender":"male"},{"personName":"李四","id":1,"age":12,"gender":"male"},{"personName":"李四","id":1,"age":12,"gender":"male"}]},{"personName":"王五","data":[{"personName":"王五","id":1,"age":12,"gender":"male"},{"personName":"王五","id":1,"age":12,"gender":"male"},{"personName":"王五","id":1,"age":12,"gender":"male"}]}
]

转载于:https://www.cnblogs.com/wjs0509/p/11177513.html

javascript 对后台返回的数据进行分类相关推荐

jQuery接收后台返回的数据
jQuery 可以直接接受,后台返回的数据 Controller方法需要转换为JSONString List<AssayItemClassExt> assayItemClassExtLi ...
对后台返回的数据进行评分排序、时间排序！
导读:对后台返回的数据进行评分排序,时间排序,可以倒序,可以正序. 按照评分排序正序 qualityScoreSort(){this.tableData0.sort((a, b) => {re ...
（配置消息转换器）解决后台返回json数据到前台时页面时中文显示乱码问题
(配置消息转换器)解决后台返回json数据到前台时页面时中文显示乱码问题 SpringMVC.xml中加 <mvc:annotati ...
怎样存储layui模板引擎后台返回的数据，在需要的时候获取
在项目中遇到一个情况,需要动态获取后台的返回数据,并在前台渲染出来,并且能够根据所点击的不同标签,随时获取对应数据.在网上看到两种方法,一种是写一个动态创建div模板的函数,并将返回值作为参数在其中展 ...
Ajax Get请求获取后台返回的数据
/* * Ajax 对象的成员 * 属性: responseText:以字符串形式接受返回的数据 * readyState: * 0:刚创建ajax对象 * 1:已经调用open方法 * 2:已经调用 ...
js获取后台返回的数据
通过$.get从后台获取了一段json串{"id":"1","name":"ww"},然后要拿到这里面的id和name值 ...
vue 后台返回的数据怎么换行？
vue 使用el-ui组件获取后台数据的时候,获取的数据较长,需要实现换行,添加 white-space: pre-line 就可实现换行,亦或是使用class样式代码如下: <el-form ...
后端传前端中文显示都是问好_前后端分离，后台返回的数据前端没法写，怎么办？...
看到大家吊打后端,我来歪个楼. 首先,对于题主描述的 PHPer 吊打无疑,但并不是所有接口都可以随心所欲按照前端的要求来做,目前主要遇到几类接口: 1. 代理其他系统接口过来的(没法改底层,要转换需 ...
Ajax POST请求获取后台返回的数据
function ajax(){var name = document.getElementById('username').value // 对传递的特殊符号(例如& =)进行编码处理 // ...
后台返回的数据换行显示
$('#desc').html(data.infor[0].be_good.replace(/\r\n/g, "<br/>")) 转载于:https://www.cnb ...

javascript 对后台返回的数据进行分类

javascript 对后台返回的数据进行分类相关推荐

最新文章

热门文章