快捷導(dǎo)航

js實(shí)用技巧之去除數(shù)組或者對(duì)象里重復(fù)選項(xiàng)

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

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

前言

在 JavaScript 中，數(shù)組去重，對(duì)象去重，可以使用多種方法來(lái)去除數(shù)組或?qū)ο笾械闹貜?fù)項(xiàng)。以下是其中的一些方法：

去除數(shù)組中的重復(fù)項(xiàng)

方法一：使用 Set

使用 Set 是去除數(shù)組中重復(fù)項(xiàng)的最簡(jiǎn)單和最快的方法。Set 對(duì)象是一組不重復(fù)的值的集合，可以接受一個(gè)數(shù)組（或者具有可迭代屬性的其他對(duì)象）作為參數(shù)，并返回一個(gè)包含不重復(fù)元素的新數(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ù)組中刪除重復(fù)項(xiàng)。例如：

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ù)組中刪除重復(fù)項(xiàng)。例如：

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]

去除對(duì)象中的重復(fù)項(xiàng)

方法一：使用 for…in 和 hasOwnProperty

使用 for…in 循環(huán)遍歷對(duì)象的屬性，并使用 hasOwnProperty 方法檢查屬性是否是對(duì)象自身的屬性。例如：

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 方法獲取對(duì)象的所有屬性，然后使用 reduce 方法來(lái)去除重復(fù)項(xiàng)。例如：

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ù)組或?qū)ο笾械闹貜?fù)項(xiàng)的幾種方法。選擇哪種方法取決于個(gè)人喜好和具體情況。

總結(jié)

到此這篇關(guān)于js實(shí)用技巧之去除數(shù)組或者對(duì)象里重復(fù)選項(xiàng)的文章就介紹到這了,更多相關(guān)js去除數(shù)組對(duì)象重復(fù)選項(xiàng)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: