使用 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 键的对象。我们需要在不使用任何库(如 underscore)的情况下执行此操作。

让我们为该函数编写代码 −

示例

其代码为 −

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' }
]

相关文章

• 用数组包装字符串类型的对象属性 - JavaScript
• 如何将数组内的特定元素合并在一起 - JavaScript
• 从 2 位年份日期值中获取正确的世纪 - JavaScript?
• 类中函数前的"get"关键字是什么 - JavaScript?
• 接受两个二维数字数组并返回它们的矩阵乘法结果 - JavaScript
• 根据所有指定的分隔符返回字符串的拆分数组 - JavaScript
• 在 JavaScript 中获取一个数组并查找出现奇数次的元素
• 在 JavaScript 中替换由特定字符包围的多个文本实例?
• 让 JavaScript 从用户那里获取 HTML 输入，解析并显示?
• 将对象的所有键转换为小写的最有效方法是什么 - JavaScript?

有用资源

• javascript 参考教程 - 该教程包含有关 javascript 的更多信息:https://www.cainiaomax.com/javascript/