Typescript按重復屬性過濾物件陣列-有解無憂

我有一個物件陣列，我想過濾以回傳具有重復屬性值的物件。

我的物件陣列：

values = [
  { id: 1, name: 'a' },
  { id: 2, name: 'b' },
  { id: 3, name: 'c' },
  { id: 4, name: 'a' }
];

我想在一個新的物件陣列中得到結果：

duplicateValues = [
  { id: 1, name: 'a' },
  { id: 4, name: 'a' }
];

uj5u.com熱心網友回復：

name使用Array.prototype.reduce對值進行分組
過濾長度大于1使用Array.prototype.filter的組。
最后使用Array.prototype.flat展平結果陣列。

const values = [{ id: 1, name: "a" }, { id: 2, name: "b" }, { id: 3, name: "c" }, { id: 4, name: "a" }];

const duplicates = Object.values(
  values.reduce((r, v) => ((r[v.name] ??= []).push(v), r), {})
)
  .filter((g) => g.length > 1)
  .flat();

console.log(duplicates);

打字稿解決方案：

type Values = { id: number, name: string }[];

const values = [{ id: 1, name: "a" }, { id: 2, name: "b" }, { id: 3, name: "c" }, { id: 4, name: "a" }];

const duplicates = Object.values(
  values.reduce(
    (r: { [k: string]: Values }, v) => ((r[v.name] ??= []).push(v), r),
    {}
  )
)
  .filter((g) => g.length > 1)
  .flat();

console.log(duplicates);

uj5u.com熱心網友回復：

您可以復制陣列并根據值過濾它們。在此處查看演示：https ://stackblitz.com/edit/typescript-xww2ai?file=index.ts

const values = [
  { id: 1, name: 'a' },
  { id: 2, name: 'b' },
  { id: 3, name: 'c' },
  { id: 4, name: 'a' },
];

const copyValues = [...values];

const duplicateObjects = values.filter(
  (v) => copyValues.filter((cp) => cp.name === v.name).length > 1
);
console.log(duplicateObjects);

uj5u.com熱心網友回復：

    function findDuplicates(data) {
      // map containing already added names.
      const existing = new Map();
      // set containing names, which were parsed in passed and added at future occurence of that name
      const consideredReadd = new Set();
      // final output array
      const output = [];
      data.forEach((item) => {
         if(!existing.has(item.name)) {
              // if not present in already parsed names, add in map
              existing.set(item.name, item);
         } else {
              if (!consideredReadd.has(item.name)) {
                  // if is already present and past record isn't added in output array, add that record in output array and set the key in data set.
                  consideredReadd.add(item.name);
                  output.push(existing.get(item.name));
              }
              // push the current item as it existed in past
              output.push(item);
         }
      });
      // return output array
      return output;
    }


    let values = [
      { id: 1, name: 'a' },
      { id: 2, name: 'b' },
      { id: 3, name: 'c' },
      { id: 4, name: 'a' }
    ];
    
    duplicateValues = findDuplicates(values);
    
    console.log(duplicateValues);

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

標籤：javascript 有角度的打字稿

上一篇：給定每行的專案總數和專案數，專案屬于哪一列？

下一篇：僅從字串中洗掉第一個不必要的字母