在 JavaScript 中删除具有 URL 值的数组中的重复项


假设我们有一个类似于此的对象数组 −

const arr = [
   {
      url: 'www.example.com/hello',
      id: "22"
   },
   {
      url: 'www.example.com/hello',
      id: "22"
   },
   {
      url: 'www.example.com/hello-how-are-you',
      id: "23"
   },
   {
      url: 'www.example.com/i-like-cats',
      id: "24"
   },
   {
      url: 'www.example.com/i-like-pie',
      id: "25"
   }
];

我们需要编写一个 JavaScript 函数,它取用一个这样的对象数组。该函数应该从该数组中删除具有重复 ID 键的对象。我们被要求不使用下划线等库来执行此操作。

让我们编写此函数的代码 −

示例

代码如下 −

const arr = [
   {
      url: 'www.example.com/hello',
      id: "22"
   },
   {
      url: 'www.example.com/hello',
      id: "22"
   },
   {
      url: 'www.example.com/hello−how−are−you',
      id: "23"
   },
   {
      url: 'www.example.com/i−like−cats',
      id: "24"
   },
   {
      url: 'www.example.com/i−like−pie',
      id: "25"
   }
];
const removeDuplicate = (arr = []) => {
   const map = {};
   for(let i = 0; i < arr.length; ){
      const { id } = arr[i];
      if(map.hasOwnProperty(id)){
         arr.splice(i, 1);
      }else{
         map[id] = true;
         i++;
      };
   };
};
removeDuplicate(arr);
console.log(arr);

输出

控制台中的输出如下 −

[
   { url: 'www.example.com/hello', id: '22' },
   { url: 'www.example.com/hello-how-are-you', id: '23' },
   { url: 'www.example.com/i-like-cats', id: '24' },
   { url: 'www.example.com/i-like-pie', id: '25' }
]

更新日期:21-11-2020

380 人查看

开启你的 职业生涯

完成课程获取认证

开始
广告
© . All rights reserved.