js實用技巧之去除數(shù)組或者對象里重復選項

更新時間：2023年08月11日 10:23:12 作者：huyt-web

這篇文章主要給大家介紹了關于js實用技巧之去除數(shù)組或者對象里重復選項的相關資料,JavaScript數(shù)組有很多內置方法,可以操作和處理數(shù)據(jù),文中通過代碼示例介紹的非常詳細,需要的朋友可以參考下

前言

在 JavaScript 中，數(shù)組去重，對象去重，可以使用多種方法來去除數(shù)組或對象中的重復項。以下是其中的一些方法：

去除數(shù)組中的重復項

方法一：使用 Set

使用 Set 是去除數(shù)組中重復項的最簡單和最快的方法。Set 對象是一組不重復的值的集合，可以接受一個數(shù)組（或者具有可迭代屬性的其他對象）作為參數(shù)，并返回一個包含不重復元素的新數(shù)組。例如：

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 方法可以從數(shù)組中刪除重復項。例如：

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 方法可以從數(shù)組中刪除重復項。例如：

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 循環(huán)遍歷對象的屬性，并使用 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' }

以上是去除數(shù)組或對象中的重復項的幾種方法。選擇哪種方法取決于個人喜好和具體情況。