如何在对象中查找重复值并推入数组以在Angular8中创建不同的对象数组[重复]

Question

我得到了来自 API 的响应，但我想对其进行格式化以进行迭代以达到正确的值。

在下面的对象中，我得到列 makeLineName 并基于此列，我想创建一个类型数组并将整个对象推送到类型数组上。

假设 ex - 在下面的响应中，我们有 2 个对象用于 "makeLineName":"Red"，所以我想创建一个类型数组并推送所有对象在匹配 ma​​keLineName = Red 的类型数组中。就是这样。

const data = [{
"makeLineName":"Red",
"country":"Germany",
"processTypeId":"3",
"processTechType":"Batch & crunch"
},
{
"makeLineName":"Red",
"country":"Germany",
"processTypeId":"3",
"processTechType":"Batch"
},
{
"makeLineName":"Blue",
"country":"India",
"processTypeId":"3",
"processTechType":"Continues"
}
];

预期输出

const data = [{
"makeLineName":"Red",
"processTypeId":"3",
"country":"Germany",
"processTechType":"Batch & crunch"
types :[{
"makeLineName":"Red",
"processTypeId":"3",
"country":"Germany",
"processTechType":"Batch & crunch"
},
{
"makeLineName":"Red",
"processTypeId":"3",
"country":"Germany",
"processTechType":"Batch"
}]
},
{
"makeLineName":"Blue",
"country":"India",
"processTypeId":"3",
"processTechType":"Continues"
types :[{
"makeLineName":"Blue",
"country":"India",
"processTypeId":"3",
"processTechType":"Continues"
}

}];

我做了下面的代码，它工作正常，但它为类型创建了许多嵌套数组，因此我在使用循环迭代以获得类型数组的完美值时遇到问题。

getMakeLineMasterData() {
    const data = {
      data1: 'India'
    };  
    this.testfile.getWork(data).pipe(map(data => this.processData(data))).subscribe((resp: any) => {
      if (resp) {
        console.log(this.dataSource, "resp");
      }
    });
  }
  processData(data: any) {
    let mappedData = [];
    for (const item of data) {
      const mitem = mappedData.find(obj => obj.makeLineName == item.makeLineName);
      if (mitem) {
        mitem['types'].push(item);
      } else {
        let newItem = item;
        newItem['types'] = [item];
        mappedData.push(newItem);
      }
    }   
    return mappedData;
  }

现在我的代码正在工作并返回数据，但它也在为内部和内部的类型创建许多嵌套数组。 谁能帮我按照我的预期输出使其正确。

Answer 1

问题：循环结构 您正在将数组推入内部。

例如：

         let object1 = { property: [] , cat:1 }; 
         object1.property = [object1];
or
       let object1 = { property: [object1]  }; 

        
        // here object1 is pointing to to itself, due to pass by reference.
       //that is why you are seeing a never ending nesting of itself (circular); 

更正您的代码：

let processData = (data: any)  => {
let mappedData = [];
for (const item of data) {
  const mitem = mappedData.find(obj => obj.makeLineName === item.makeLineName);
  if (mitem) {
    mitem['types'].push(item);
  } else {
    let newItem = { ... item }; //** creating a new object with copied properties
    newItem['types'] = [item];
    mappedData.push(newItem);
  }
}    
return mappedData; 
}