JS 数据分组

var arr = [{"id": "1001","name": "值1","value": "111"},{"id": "1001","name": "值1","value": "11111"},{"id": "1002","name": "值2","value": "25462"},{"id": "1002","name": "值2","value": "23131"},{"id": "1002","name": "值2","value": "2315432"},{"id": "1003","name": "值3","value": "333333"}];var map = {},dest = [];for(var i = 0; i < arr.length; i++) {var ai = arr[i];if(!map[ai.id]) { //依赖分组字段可自行更改!dest.push({id: ai.id, //依赖分组字段可自行更改!data: [ai]});map[ai.id] = ai; //依赖分组字段可自行更改!} else {for(var j = 0; j < dest.length; j++) {var dj = dest[j];if(dj.id == ai.id) { //依赖分组字段可自行更改!dj.data.push(ai);break;}}}}console.log(dest);

效果图

转载于:https://www.cnblogs.com/userzf/p/9829767.html

JS数据分组[JSON]相关推荐

  1. Bootstrap + Thymeleaf——预约维修前端页面设计(UI + JS数据校验 + JSON序列化 + AJAX提交)DEMO

    技术栈 Bootstrap + JavaScript + jQuery + AJAX + Thymeleaf 源代码 <!DOCTYPE html> <html lang=" ...

  2. js之操作JSON数据

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意 ...

  3. 利用js-xlsx.js插件实现Excel文件导入并解析Excel数据成json数据格式

    <!--本文转载于网络,有太多一样的文章,不知道原作者是哪位了,就不注明出处了.这里记载下来,用于自己的学习借鉴--><!DOCTYPE html><html lang= ...

  4. JS实现动态生成表格并提交表格数据向后端 表格中数据转为json

    原文地址 需求:在web页面上动态的生成表格,并可以对表格中的数据进行编辑,然后把表格中的数据提交至后端服务器保存. 首先动态生成表格. 1.首先我们需要导入JS库文件.jQuery 2.然后在页面d ...

  5. js读取解析JSON类型数据【申明:来源于网络】

    js读取解析JSON类型数据[申明:来源于网络] 地址:http://blog.csdn.net/sunhuaqiang1/article/details/47026841 转载于:https://w ...

  6. js将object转化为json数据,json数据转js对象

    json数据转js对象:  JSON.parse(); js对象转json数据:  JSON.stringify();

  7. js mysql json字符串转数组中_php数据库数据转换为js中的json对象

    / 1.在company数据user表中取出10条数据,保存为数组 2.在将数组转化为json格式,传递给js 3.用json解析器将传递过来的json字符串转化为json对象, 4.用documen ...

  8. ajax json 渲染 html,jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例

    本文实例讲述了jquery+ajax+js实现请求json格式数据并渲染到html页面操作.分享给大家供大家参考,具体如下: 1.先给json格式的数据: [ {"id":1,&q ...

  9. js获取树形JSON数据根节点到任一子节点路径

    js获取树形JSON数据根节点到任一子节点路径 数据结构,deep表示节点深度 现在定义一个方法传入一个子节点对象,返回其对应路径. 首先遍历数据将遍历顺序放在一个数组中![首先递归遍历数据将遍历顺序 ...

最新文章

  1. UNIQUE和PRIMARY 约束的区别
  2. MQTT protocol level的处理
  3. 销售组织与工厂对照表
  4. Android 第七课 4种基本布局之FrameLayout和百分比布局
  5. 全链路压测平台(Quake)在美团中的实践
  6. charles 华为手机使用_华为手机EMUI9.0健康使用手机怎么用?如何控制手机使用时长?...
  7. 优化if-else代码的八种方案
  8. 从软件测试转行做前端,转行软件测试或者前端开发有前途么?
  9. Android studio点击按钮闪退问题
  10. 细胞色素--训练13
  11. 网易云音乐接入微信状态
  12. 文本溢出隐藏显示... 鼠标移动到元素显示全部内容
  13. linux kernle 同步原语
  14. CS231n课程笔记翻译:反向传播笔记
  15. Charles 抓包工具 报You may need to configure your browser or application to trust the Ch......错误
  16. 如何区分客户端是手机端还是PC端
  17. GitHub Copilot 正在“摧毁”初级开发者,已沦为编程考试作弊的神器?
  18. 北京内推 | 微软亚洲研究院DKI组招聘大模型方向研究实习生
  19. 轻松掌柜免费|轻松掌柜免费版下载
  20. 关于二轮差速小车轮速计算和里程计计算

热门文章

  1. 2018年前端星计划等你来报名!
  2. android高德地图绘制多边形_Android安卓高德地图实现多边形绘制与编辑
  3. Redis发布订阅和Stream
  4. synchronized的使用和底层原理、锁状态的膨胀升级过程
  5. Springboot项目整合redis集群
  6. 编写一个可动态注入Spring 容器的工具类
  7. conda 换成清华的源_conda/pip 使用国内镜像安装第三方库
  8. 不能定义声明dllimport_不允许 dllimport 函数 的定义 高手帮帮忙
  9. 并发编程--用SingleFlight合并重复请求
  10. Eureka Server集群同步