溫馨提示×

JavaScript數組去重怎樣通用

小樊
104
2024-10-25 16:33:44
欄目: 編程語言

在JavaScript中,可以使用以下幾種方法來對數組進行去重:

  1. 使用Set對象(推薦)
function uniqueArray(arr) {
  return Array.from(new Set(arr));
}

const array = [1, 2, 3, 4, 4, 5, 6, 6];
const unique = uniqueArray(array);
console.log(unique); // 輸出: [1, 2, 3, 4, 5, 6]

Set對象允許你存儲唯一的值,無論這些值是原始值還是對象引用。通過將數組傳遞給Set構造函數,可以創建一個包含數組中所有唯一值的新集合。然后,可以使用Array.from()方法將Set對象轉換回數組。

  1. 使用filter()方法
function uniqueArray(arr) {
  return arr.filter((item, index) => {
    return arr.indexOf(item) === index;
  });
}

const array = [1, 2, 3, 4, 4, 5, 6, 6];
const unique = uniqueArray(array);
console.log(unique); // 輸出: [1, 2, 3, 4, 5, 6]

filter()方法創建一個新數組,其中包含通過所提供函數實現的測試的所有元素。在這個例子中,我們使用filter()方法遍歷數組,并檢查每個元素的索引是否與其在數組中第一次出現的索引相同。如果相同,則說明該元素是唯一的,將其保留在新數組中。

  1. 使用reduce()方法
function uniqueArray(arr) {
  return arr.reduce((accumulator, currentValue) => {
    if (!accumulator.includes(currentValue)) {
      accumulator.push(currentValue);
    }
    return accumulator;
  }, []);
}

const array = [1, 2, 3, 4, 4, 5, 6, 6];
const unique = uniqueArray(array);
console.log(unique); // 輸出: [1, 2, 3, 4, 5, 6]

reduce()方法對累加器和數組中的每個元素(從左到右)應用一個函數,將其減少為單個值。在這個例子中,我們使用reduce()方法遍歷數組,并將不重復的元素添加到累加器數組中。如果當前值已經包含在累加器數組中,則不會將其添加。最后,reduce()方法返回包含所有唯一值的新數組。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女