Javascript 从数组中获取唯一值

在javascript编程中，我们常常需要对数组进行操作。其中一个常见的需求就是从一个数组中获取唯一的值。这个需求主要是为了避免数组中出现重复的值，从而保证数据的正确性。下面我们将介绍几种常见的方法来实现从数组中获取唯一值的操作。

方法一: 利用Set去重

使用Set可以很容易地去除数组中的重复值。Set是ECMAScript6引入的一个新的数据结构，它类似于数组，但是它只能存储不重复的值。

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

上面的代码中，我们先声明了一个数组arr，然后利用Set去重，最后将Set中的值转换成一个新的数组uniqueArr。需要注意的是，使用Set去重只能针对基本类型的值，而对于对象等复杂类型的值则需要使用其他方法去重。

方法二: 利用indexOf方法去重

利用indexOf方法可以很容易地判断一个值是否在数组中出现过。我们可以利用这个特性，遍历数组并判断每一个值是否已经存在于新数组中。

const arr = [1, 2, 3, 3, 4, 4, 5];
const uniqueArr = [];
arr.forEach(item => {
  if (uniqueArr.indexOf(item) === -1) {
    uniqueArr.push(item);
  }
});
console.log(uniqueArr); // [1, 2, 3, 4, 5]

上面的代码中，我们声明了一个空数组uniqueArr，然后遍历原数组arr，如果当前值在uniqueArr中不存在，则将其加入uniqueArr中。需要注意的是，这种方法需要遍历数组，因此对于大数组或者频繁操作的场景可能存在性能问题。

方法三: 利用reduce方法去重

利用reduce方法可以将一个数组转换成一个值。我们可以在reduce方法中使用一个对象来存储每一个值，并通过判断值是否已经在对象中出现过来去重。

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

上面的代码中，我们声明了一个空数组作为初始值，然后通过reduce方法依次遍历原数组arr，如果当前值在结果数组中不存在，则将其加入结果数组中。需要注意的是，这种方法需要遍历数组，因此对于大数组或者频繁操作的场景可能存在性能问题。

综上，我们介绍了三种常见的方法来从javascript数组中获取唯一值，有利于保证数据的正确性。如果您还有其他好的方法，欢迎在评论区分享！