javascript - 如何在 Angular 中按服务器分组

标签 javascript angular

<分区>

代码如下:

list.component.ts

 data = [   {
          "id": 19,
          "server": "Server 1",
          "dl": "35.88 Mbit/s",
          "ul": "46.76 Mbit/s",
        },
        {
          "id": 30,
          "server": "Server 1",
          "dl": "45.06 Mbit/s",
          "ul": "48.25 Mbit/s",
        },
        {
          "id": 26,
          "server": "Server 1",
          "dl": "47.96 Mbit/s",
          "ul": "47.89 Mbit/s",
        } ]

如何对Server 1进行分组?

输出应该是

{
   server: 'Server 1',
   data: [
{
              "id": 19,
              "dl": "35.88 Mbit/s",
              "ul": "46.76 Mbit/s",
            },
            {
              "id": 30,
              "dl": "45.06 Mbit/s",
              "ul": "48.25 Mbit/s",
            },
            {
              "id": 26,
              "dl": "47.96 Mbit/s",
              "ul": "47.89 Mbit/s",
            }
]
}

最佳答案

您可以使用 array.reduce()serverSpread 分组获取 other 对象字段的语法:

let data = [   {
          "id": 19,
          "server": "Data1",
          "dl": "35.88 Mbit/s",
          "ul": "46.76 Mbit/s",
        },
        {
          "id": 30,
          "server": "Data1",
          "dl": "45.06 Mbit/s",
          "ul": "48.25 Mbit/s",
        },
        {
          "id": 26,
          "server": "Data1",
          "dl": "47.96 Mbit/s",
          "ul": "47.89 Mbit/s",
        } ]
        
 let result = data.reduce((state,current) => {
     let {server, ...others} = current;
     if(state[server]){
         state[server].push(others);
     } else {
         state[server] = [others];
     }
     return state;
 }, {});
 
 console.log(result);

关于javascript - 如何在 Angular 中按服务器分组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59573770/

相关文章:

JavaScript Promise 准备就绪

javascript - 在 Angular 2 (ES5) 中绑定(bind)数据

html - Angular 2 : Get position of HTML element

javascript - 用js改变背景图片

javascript - 为什么这个 Javascript 返回 undefined?

javascript - 无法读取未定义的属性 - javascript 类

javascript - 带参数打开html

Angular 7 - 内存占用/泄漏?

angular - Ionic 4 与 Angular 如何设置动态 HTML dir 属性?

javascript - 如何使用 js 触发 only-css 模式