ES6數組去重的方法有哪些

ES6數組去重的方法有哪些

在JavaScript中，數組去重是一個常見的需求。ES6引入了許多新的特性，使得數組去重變得更加簡潔和高效。本文將介紹幾種常見的ES6數組去重方法。

1. 使用Set數據結構

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

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

解釋：

• new Set(array)：將數組轉換為Set，自動去除重復元素。
• [...new Set(array)]：使用擴展運算符將Set轉換回數組。

2. 使用Array.from與Set

Array.from方法可以將類數組對象或可迭代對象轉換為數組。結合Set，我們可以實現數組去重。

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

解釋：

• new Set(array)：將數組轉換為Set，去除重復元素。
• Array.from(new Set(array))：將Set轉換回數組。

3. 使用filter與indexOf

雖然filter和indexOf是ES5的方法，但在ES6中仍然可以使用它們來實現數組去重。

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]

解釋：

• array.indexOf(item)：返回數組中第一個匹配項的索引。
• array.filter((item, index) => array.indexOf(item) === index)：過濾掉重復的元素，只保留第一次出現的元素。

4. 使用reduce

reduce方法可以對數組中的每個元素執行一個累加器函數，最終返回一個單一的值。我們可以利用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]

解釋：

• acc.includes(item)：檢查累加器acc中是否已經包含當前元素item。
• 如果acc中不包含item，則將其添加到acc中。

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]

解釋：

• array.map(item => [item, item])：將數組中的每個元素映射為[key, value]形式的數組。
• new Map(array.map(item => [item, item]))：將映射后的數組轉換為Map，自動去除重復的鍵。
• [...new Map(array.map(item => [item, item])).values()]：將Map的值轉換為數組。

總結

ES6提供了多種數組去重的方法，其中最簡潔和高效的是使用Set數據結構。其他方法如Array.from、filter、reduce和Map也可以實現數組去重，但代碼相對復雜一些。根據實際需求選擇合適的方法，可以提高代碼的可讀性和性能。