如果陣列物件的名稱相同，則在ts中合并陣列物件-有解無憂

我有一組來自后端的物件。

var values = [
    {
      "name": "Patient Introductions",
      "series": [
        {
          "name": "Organization ABC",
          "value": 3
        }
      ]
    },
    {
      "name": "Patient Assessment",
      "series": [
        {
          "name": "Organization ABC",
          "value": 2.5
        }
      ]
    },
    {
      "name": "Patient Introductions",
      "series": [
        {
          "name": "Organization XYZ",
          "value": 2.5
        }
      ]
    },
    {
      "name": "Patient Assessment",
      "series": [
        {
          "name": "Organization XYZ",
          "value": 3.3
        }
      ]
    },
    
];

我想組合內部陣列的物件并為同名物件獲取一個物件陣列。

var output = [
    {
      "name": "Patient Introductions",
      "series": [
        {
          "name": "Organization ABC",
          "value": 3
        },
        {
          "name": "Organization XYZ",
          "value": 2.5
        }
      ]
    },
    {
      "name": "Patient Assessment",
      "series": [
        {
          "name": "Organization ABC",
          "value": 2.5
        },
         {
          "name": "Organization XYZ",
          "value": 3.3
        }
      ]
    },
];

我認為，我需要使用 reduce，但不確定如何組合同名系列的物件。

請幫助和指導。謝謝

uj5u.com熱心網友回復：

你是對的減速器

var values = [
    {
      "name": "Patient Introductions",
      "series": [
        {
          "name": "Organization ABC",
          "value": 3
        }
      ]
    },
    {
      "name": "Patient Assessment",
      "series": [
        {
          "name": "Organization ABC",
          "value": 2.5
        }
      ]
    },
    {
      "name": "Patient Introductions",
      "series": [
        {
          "name": "Organization XYZ",
          "value": 2.5
        }
      ]
    },
    {
      "name": "Patient Assessment",
      "series": [
        {
          "name": "Organization XYZ",
          "value": 3.3
        }
      ]
    },
];

var result = values.reduce((acc, curr) => {
  var existing = acc.find(element => element.name === curr.name);
  
  if(existing) {
    existing.series.push(...curr.series);
  } else {
    acc.push(curr);
  }
  
  return acc;
}, []);

console.log(result);

uj5u.com熱心網友回復：

創建一個新的空陣列
如果新陣列中不存在名稱，則回圈遍歷原始陣列，然后添加到它'
如果名稱存在，只需將新陣列添加到它

這樣可以確保陣列中沒有重復的名稱

var values = [
  {
    name: "Patient Introductions",
    series: [
      {
        name: "Organization ABC",
        value: 3,
      },
    ],
  },
  {
    name: "Patient Assessment",
    series: [
      {
        name: "Organization ABC",
        value: 2.5,
      },
    ],
  },
  {
    name: "Patient Introductions",
    series: [
      {
        name: "Organization XYZ",
        value: 2.5,
      },
    ],
  },
  {
    name: "Patient Assessment",
    series: [
      {
        name: "Organization XYZ",
        value: 3.3,
      },
    ],
  },
];


let newValues = [];
values.forEach((value) => {
  let index = newValues.findIndex((item) => item.name === value.name);
  if (index === -1) {
    newValues.push({ name: value.name, series: [value.series[0]] });
  } else {
    newValues[index].series.push(value.series[0]);
  }
});

console.log(newValues)

轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/504660.html

標籤：javascript 有角度的打字稿

上一篇：如何正確地將if/else陳述句轉換為三元運算式？

下一篇：請問，如何使用JavaScript將jsonAPI呼叫中的專案限制為兩個？