按属性删除数组重复项 - JavaScript

假设，我们有一个像这样的对象数组 −

const arr = [{name: "Jack", age: "14"},{name: "bob", age: "14"}, {name: "sue", age: "21"}, {name: "Jill", age: "16"}, {name: "Jack", age: "21"}];

我们需要编写一个 JavaScript 函数，该函数接受一个这样的数组并删除所有具有重复名称值的对象。

因此，对于上述数组，输出应为 −

const arr = [{name: "Jack", age: "14"},{name: "bob", age: "14"}, {name: "sue", age: "21"}, {name: "Jill", age: "16"}];

示例

以下是代码 −

const arr = [
   {name: "Jack", age: "14"},
   {name: "bob", age: "14"},
   {name: "sue", age: "21"},
   {name: "Jill", age: "16"},
   {name: "Jack", age: "21"}
];
const removeDuplicate = arr => {
   const appeared = {};
   for(let i = 0; i < arr.length; ){
      if(!appeared.hasOwnProperty(arr[i].name)){
         appeared[arr[i].name] = 1;
         i++;
         continue;
      };
      arr.splice(i, 1);
   };
};
removeDuplicate(arr);
console.log(arr);

输出

这将在控制台中产生以下输出 −

[
   { name: 'Jack', age: '14' },
   { name: 'bob', age: '14' },
   { name: 'sue', age: '21' },
   { name: 'Jill', age: '16' }
]

相关文章

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

有用资源

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