对数组进行排序并将其分组为特定值[关闭]

Question

我有一个包含很多值的数组，如下所示：

我正在尝试通过对具有相同 part_image 值的每个“部分”进行分组来对数组进行排序，然后渲染该值仅链接到 1 次的图像。

我尝试使用 groupBy 函数但没有成功，有人有办法吗？

数组变量：selectedDiam

Component.ts

  ngOnChanges() {
    this.filterDrop();
    console.log(this.selectedDiam, ' SELECTED DIAM');
  }

  filterDrop() {
    this.dataDiam1 = this.dataDynParts;
    let dynDiam1 = this.dataDiam1.map(obj => obj.diam[0]);
    dynDiam1 = dynDiam1.filter((v, i) => dynDiam1.indexOf(v) === i);
    this.dataDiam1 = dynDiam1;


    this.dataDiam2 = this.dataDynParts;
    let dynDiam2 = this.dataDiam2.map(obj => obj.diam[1]);
    dynDiam2 = dynDiam2.filter((v, i) => dynDiam2.indexOf(v) === i);
    this.dataDiam2 = dynDiam2;


    this.createForm();
    this.filteredWithDiam = this.dataDynParts;
    this.selectedDiam = this.dataDynParts;
    this.quotationIdNumber = this.quotationId;
  }

Component.html

<div class="products">
  <div class="d-flex flex-row linesColor ml-2" *ngFor="let products of selectedDiam; let  i = index;">
    <a class="flex1">HERE IS WHERE THE PHOTO SHOULD BE RENDERED</a>
    <a class="flex1">{{products.l3_label}}</a>
    <a class="flex1">{{products.diam[0]}}</a>
    <a class="flex1">{{products.diam[1]}}</a>
    <a class="flex1">
      <input class="number" ngModel="{{products.longueur}}"  (ngModelChange)="postQuotationDatas($event,products,'longueur')" type="number">
    </a>
    <input class="mb-1 flex1 checkbox" ngModel="{{products.hasValve}}"  (ngModelChange)="postQuotationDatas($event,products,'hasValve')" type="checkbox">
    <a class="flex1 mb-1">
      <input class="number" ngModel="{{products.quantity}}"  (ngModelChange)="postQuotationDatas($event,products,'quantity')" type="number">
    </a>
    <a class="flex1">
      {{(products.total_fourniture)}}
    </a>
  </div>
</div>

Answer 1

考虑以下 sn-p：

// assume arr refers to your array of data
const groups = {}; // for storing groups while processing
arr.forEach(v => {
    if(groups[v.part_image]) 
        groups [v.part_image].push(v.image); // the actual image values you want to group
    else groups[v.part_image] = [ v.image ];
});
// Now you can process each image and all its parts

您可以遍历对象中的所有键。 Object.keys(groups) 。