专栏首页前端开发随笔Js根据数组相同的值生成二维数组

Js根据数组相同的值生成二维数组

原数组

新数组

<script>
    var list = [
        { id: 1, num: 3, },
        { id: 1, num: 3, },
        { id: 1, num: 2, },
        { id: 2, num: 1, },
        { id: 2, num: 2, },
        { id: 3, num: 2, },
        { id: 3, num: 3, },
    ]

    var result = [];
    list.forEach((item, index) => {
        var { id } = item;
        if (!result[id]) {
            result[id] = {
                id,
                value: []
            }
        }
        result[id].value.push({ num: item.num });
    });
    var data = Object.values(result);
</script>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • js限制video拉动进度条

    wePanda
  • 微信小程序页面传参

    wePanda
  • Js Promise的基础使用

    wePanda
  • iOS 中的 Promise 设计模式

    无论是代理模式,还是闭包,在处理单一任务的时候,都出色的完成了任务。可是当两种模式要相互配合,一起完成一系列任务,并且每个任务之间还要共享信息,相互衔接,雇主就...

    QQ音乐技术团队
  • 微信短视频小程序——视频封面,视频缩略图

    源码在:https://gitee.com/AtlantisChina/WeChat-Video,readme里有网盘的视频链接,需要的注意观看。

    hotqin888
  • 关于MySQL应该学习的6件事

    关于MySQL应该学习的6件事 来源:PHP100中文网 时间:2015-01-29 17:52:12 阅读数:4282 分享到:1 [导读] M...

    wangxl
  • iOS 中的 Promise 设计模式

    无论是代理模式,还是闭包,在处理单一任务的时候,都出色的完成了任务。可是当两种模式要相互配合,一起完成一系列任务,并且每个任务之间还要共享信息,相互衔接,雇主就...

    serena
  • ReactiveCocoa函数响应式编程-应用篇目录:一、RAC中常用的类4.RACCommand:用于处理事件的类二、RAC常用的宏定义三、RAC中关于信号的常用操作四、RAC常用的处理事件响应的方

    使用RAC其实就是一个创建信号订阅信号的过程。上篇ReactiveCocoa函数响应式编程-基础篇,主要简单介绍了RAC的信号机制,本篇则以信号为核心,就信号常...

    梧雨北辰
  • JavaWeb——JavaScript精讲之DOM、BOM对象与案例实战(动态添加删除表格)

    上一博文种讲解了JavaScript基础的ECMAScript,包括基本语法和部分对象,本文中继续讲解JavaScript中比较重要的两部分内容BOM、DOM及...

    Winter_world
  • 纯CSS3绘制腾讯QQ的企鹅Logo

    经常能够看到一些用CSS3绘制的精致图形,它们通常由矩形,圆形,椭圆,三角形,梯形等组合而成。要想绘制我们自己的图形,就要先了解下基本图形的绘制方法了。

    Javanx

扫码关注云+社区

领取腾讯云代金券