为了账号安全,请及时绑定邮箱和手机立即绑定

如何根据 Typecript 中的某个给定数字对对象数组的元素进行分组

如何根据 Typecript 中的某个给定数字对对象数组的元素进行分组

隔江千里 2023-08-24 17:34:00
我在 Angular 项目中有一个需求。我有一系列对象。它包含 6 个对象。我想将前 3 个分组到一个组中,将其他 3 个分组到另一组中。数组是staticKpi. 这是我的逻辑:  staticKpi=[{},{},{},{},{},{}];  ...  createGrouping() {    var chunks = [],      i = 0,      n = this.staticKpi.length;    while (i < n) {      chunks.push(this.staticKpi.slice(i, (i += 3)));    }    this.staticKpi = chunks;  }最终数组应该是这样的:staticKpi=[[{},{},{}],[{},{},{}]]但我没有得到正确的输出。这是stackblitz。请纠正我的错误。
查看完整描述

3 回答

?
慕姐8265434

TA贡献1813条经验 获得超2个赞

它应该可以帮助你:


const foo = [1, 2, 3, 4, 5, 6, 7, 8, 9]


const count = 3;

const len = foo.length / 3;


function splitInto(arr){

   return Array(len).fill(0).reduce((acc, _, index) => [...acc, arr.slice(index * 3, index * 3 + 3)], [])

}



const result = splitInto(foo) //  [[1, 2, 3], [4, 5, 6], [7, 8, 9]];

我没有考虑长度不被3整除的数组。但不难弄清楚如何处理它


查看完整回答
反对 回复 2023-08-24
?
千巷猫影

TA贡献1829条经验 获得超7个赞

根据你的 stackblitz 样本


import { Component, OnInit, VERSION } from "@angular/core";


@Component({

  selector: "my-app",

  templateUrl: "./app.component.html",

  styleUrls: ["./app.component.css"]

})

export class AppComponent implements OnInit {

  name = "Angular " + VERSION.major;


  staticKpi2: {

    kpi: string;

    headerString: string;

    footerString: string;

  }[] = [];


  staticKpi: {

    kpi: string;

    headerString: string;

    footerString: string;

  }[][] = [];


  breakPoint = 3;


  ngOnInit() {

    this.populateObject();

  }


  populateObject() {

    this.staticKpi2.push(

      ...[

        {

          kpi: "SpO2",

          headerString: "High: 97 and above",

          footerString: "Low: 94 and below"

        },

        {

          kpi: "Temperature",

          headerString: "High: 100.4 and above",

          footerString: "Low: 94 and below"

        },

        {

          kpi: "BP",

          headerString: "High: 140/90 ",

          footerString: "Low: 90/60"

        },

        {

          kpi: "Respiratoin",

          headerString: "High: 25 per min",

          footerString: "Low: 10 per min"

        },

        {

          kpi: "Pulse rate",

          headerString: "High: 100 and above",

          footerString: "Low: 50 and below"

        },

        {

          kpi: "D-Dimer",

          headerString: "Negative: 0.50 and Less",

          footerString: "Positive: Greater than 0.50"

        }

      ]

    );

    // console.log(this.staticKpi);

    this.createGrouping();

  }


  createGrouping() {

    for (let i = 0; i < this.staticKpi2.length; i += this.breakPoint) {

      this.staticKpi.push([...this.staticKpi2].splice(i, this.breakPoint));

    }

    console.log(this.staticKpi);

  }

}


查看完整回答
反对 回复 2023-08-24
?
九州编程

TA贡献1785条经验 获得超4个赞

function createGrouping(arrData) {

    let result = [];

    let arr3 = [];

    arrData.forEach(item => {

        if(arr3.length < 3) {

            arr3.push(item);

        } else if(arr3.length === 3) {

            result.push([...arr3]);

            arr3 = [];

        }

    });

    result = arr3.length > 0 ? result.push([...arr3]) : result;

    return result;

}


查看完整回答
反对 回复 2023-08-24
  • 3 回答
  • 0 关注
  • 122 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信