js实用篇-去除数组或者对象里重复选项-Toy模板网

这篇具有很好参考价值的文章主要介绍了js实用篇-去除数组或者对象里重复选项。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

在 JavaScript 中，数组去重，对象去重，可以使用多种方法来去除数组或对象中的重复项。以下是其中的一些方法：

去除数组中的重复项

方法一：使用 Set

使用 Set 是去除数组中重复项的最简单和最快的方法。Set 对象是一组不重复的值的集合，可以接受一个数组（或者具有可迭代属性的其他对象）作为参数，并返回一个包含不重复元素的新数组。例如：

javascriptCopy code
const arr = [1, 2, 3, 3, 4, 5, 5];
const uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // [1, 2, 3, 4, 5]

方法二：使用 filter 和 indexOf

使用 filter 和 indexOf 方法可以从数组中删除重复项。例如：

javascriptCopy code
const arr = [1, 2, 3, 3, 4, 5, 5];
const uniqueArr = arr.filter((item, index) => {
  return arr.indexOf(item) === index;
});
console.log(uniqueArr); // [1, 2, 3, 4, 5]

方法三：使用 reduce 和 includes

使用 reduce 和 includes 方法可以从数组中删除重复项。例如：

javascriptCopy code
const arr = [1, 2, 3, 3, 4, 5, 5];
const uniqueArr = arr.reduce((prev, cur) => {
  if (!prev.includes(cur)) {
    prev.push(cur);
  }
  return prev;
}, []);
console.log(uniqueArr); // [1, 2, 3, 4, 5]

去除对象中的重复项

方法一：使用 for…in 和 hasOwnProperty

使用 for…in 循环遍历对象的属性，并使用 hasOwnProperty 方法检查属性是否是对象自身的属性。例如：

javascriptCopy code
const obj = {
  a: 1,
  b: 2,
  c: 3,
  d: 3,
  e: 4,
  f: 4
};
const uniqueObj = {};
for (const key in obj) {
  if (obj.hasOwnProperty(key)) {
    uniqueObj[obj[key]] = key;
  }
}
console.log(uniqueObj); // { '1': 'a', '2': 'b', '3': 'c', '4': 'e' }

方法二：使用 Object.keys 和 reduce

使用 Object.keys 方法获取对象的所有属性，然后使用 reduce 方法来去除重复项。例如：

javascriptCopy code
const obj = {
  a: 1,
  b: 2,
  c: 3,
  d: 3,
  e: 4,
  f: 4
};
const uniqueObj = Object.keys(obj).reduce((prev, key) => {
  const value = obj[key];
  if (!prev.hasOwnProperty(value)) {
    prev[value] = key;
  }
  return prev;
}, {});
console.log(uniqueObj); // { '1': 'a', '2': 'b', '3': 'c', '4': 'e' }

以上是去除数组或对象中的重复项的几种方法。选择哪种方法取决于个人喜好和具体情况。文章来源地址https://www.toymoban.com/news/detail-596600.html

到了这里，关于js实用篇-去除数组或者对象里重复选项的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！