只过滤对象javascript数组中的唯一值

在JavaScript中，过滤数组中的唯一值通常意味着从一个数组中移除重复的元素，只保留每个元素的第一次出现。这可以通过多种方法实现，下面是一些常见的方法：

方法 1: 使用 Set 对象

Set 是 ES6 引入的一种新的数据结构，它类似于数组，但是成员的值都是唯一的，没有重复的值。

function uniqueArray(arr) {
  return Array.from(new Set(arr));
}

// 示例
const arrayWithDuplicates = [1, 2, 2, 3, 4, 4, 5];
const uniqueArrayResult = uniqueArray(arrayWithDuplicates);
console.log(uniqueArrayResult); // 输出: [1, 2, 3, 4, 5]

方法 2: 使用 filter 方法

filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。

function uniqueArray(arr) {
  return arr.filter((item, index) => arr.indexOf(item) === index);
}

// 示例
const arrayWithDuplicates = [1, 2, 2, 3, 4, 4, 5];
const uniqueArrayResult = uniqueArray(arrayWithDuplicates);
console.log(uniqueArrayResult); // 输出: [1, 2, 3, 4, 5]

方法 3: 使用 reduce 方法

reduce() 方法对数组中的每个元素执行一个 reducer 函数（升序执行），将其结果汇总为单个返回值。

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

// 示例
const arrayWithDuplicates = [1, 2, 2, 3, 4, 4, 5];
const uniqueArrayResult = uniqueArray(arrayWithDuplicates);
console.log(uniqueArrayResult); // 输出: [1, 2, 3, 4, 5]