时间戳

首页 > 解决方案 > 如何删除重复的对象并排序？

javascript - 如何删除重复的对象并排序？

问题描述

我正在获取口袋妖怪名称和图像，并像这样存储它们。

   const pokemon = $(el)
      .find(".pokemon")
      .toArray()
      .map((el) => {
        const name = $(el).attr("title") || "";
        const image = $(el).find("img").attr("src") || "";
        return { name, image };
      });

我想要一个单独的变量，该变量按最常出现的次数进行排序，然后删除重复项。我尝试byCount()从这里使用：

Array.prototype.byCount = function () {
  var itm,
    a = [],
    L = this.length,
    o = {};
  for (var i = 0; i < L; i++) {
    itm = this[i];
    if (!itm) continue;
    if (o[itm] == undefined) o[itm] = 1;
    else ++o[itm];
  }
  for (var p in o) a[a.length] = p;
  return a.sort(function (a, b) {
    return o[b] - o[a];
  });
};

如果我单独获取名称/图像，它会起作用，但似乎不适用于对象。数据就像

[name1, name1, name2, name3, name3, name4]
[img1, img1, img2, img3, img3, img4]

如果我使用它们单独对它们进行排序，它们byCount()并不总是对齐，因此它可能会返回：

[name1, name3, name2, name4]
[img3, img1, img2, img4]

因为 img1 和 img3 都具有相同的出现次数。

标签： javascript

解决方案

const repeatedItems = {}
arrayOfObjects.forEach((item) => {
  if (repeatedItems[item.name]) {
    repeatedItems[item.name] = { ...item, count: repeatedItems[item.name].count++ }
  } else {
    repeatedItems[item.name] = { ...item, count: 1 }
  }
})
const sortedArr = Object.values(repeatedItems).sort((a, b) => a.count - b.count).map((item) => ({ name: item.name, image: item.image }))

推荐阅读