JS實現數組去重的方法有哪些

JS實現數組去重的方法有哪些

在JavaScript中，數組去重是一個常見的需求。本文將介紹幾種常用的數組去重方法，幫助你更好地理解和應用這些技巧。

1. 使用Set數據結構

Set是ES6引入的一種新的數據結構，它類似于數組，但成員的值都是唯一的，沒有重復的值。利用這一特性，我們可以輕松實現數組去重。

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = [...new Set(array)];
console.log(uniqueArray); // [1, 2, 3, 4, 5]

2. 使用filter方法

filter方法可以創建一個新數組，新數組中的元素是通過檢查指定數組中符合條件的所有元素。我們可以利用indexOf方法來判斷元素是否已經存在于新數組中。

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = array.filter((item, index) => array.indexOf(item) === index);
console.log(uniqueArray); // [1, 2, 3, 4, 5]

3. 使用reduce方法

reduce方法對數組中的每個元素執行一個由你提供的reducer函數（升序執行），將其結果匯總為單個返回值。我們可以利用reduce方法來構建一個不包含重復元素的新數組。

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = array.reduce((acc, item) => {
  if (!acc.includes(item)) {
    acc.push(item);
  }
  return acc;
}, []);
console.log(uniqueArray); // [1, 2, 3, 4, 5]

4. 使用forEach方法

forEach方法對數組的每個元素執行一次提供的函數。我們可以利用forEach方法來遍歷數組，并將不重復的元素添加到新數組中。

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = [];
array.forEach(item => {
  if (!uniqueArray.includes(item)) {
    uniqueArray.push(item);
  }
});
console.log(uniqueArray); // [1, 2, 3, 4, 5]

5. 使用Map數據結構

Map是ES6引入的另一種數據結構，它類似于對象，但鍵可以是任意類型。我們可以利用Map的鍵唯一性來實現數組去重。

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = [...new Map(array.map(item => [item, item])).values()];
console.log(uniqueArray); // [1, 2, 3, 4, 5]

6. 使用for循環

傳統的for循環也可以實現數組去重。我們可以通過遍歷數組，并將不重復的元素添加到新數組中。

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = [];
for (let i = 0; i < array.length; i++) {
  if (uniqueArray.indexOf(array[i]) === -1) {
    uniqueArray.push(array[i]);
  }
}
console.log(uniqueArray); // [1, 2, 3, 4, 5]

7. 使用lodash庫

如果你不介意使用第三方庫，lodash提供了一個非常方便的uniq方法來實現數組去重。

const _ = require('lodash');
const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = _.uniq(array);
console.log(uniqueArray); // [1, 2, 3, 4, 5]

總結

以上是幾種常見的JavaScript數組去重方法。每種方法都有其優缺點，選擇哪種方法取決于具體的應用場景和個人偏好。希望本文能幫助你更好地理解和應用這些技巧。