JavaScript 从键中获取唯一值

在开发 JavaScript 应用程序时，我们通常需要从对象或数组中获取唯一的值。这个过程有时候是很繁琐的，但是很重要。在本篇文章中，我们将会讨论如何从 JavaScript 中获取唯一键值的方法。

从数组中获取唯一键值

我们可以从数组中获取唯一键值的方法有很多种，可以使用 Set、reduce、filter、map 等等。这里我们以 Set 为例，它是 ES6 提供的一种新的数据类型，它可以创建一个不含重复元素的集合。

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

在上面的例子中，我们首先创建了一个包含重复元素的数组，然后使用 Set 对其进行去重。最后，我们将 Set 转化为数组，从而得到一个不含重复元素的数组。

从对象中获取唯一键值

从对象中获取唯一键值也有很多种方法，可以使用 Object.keys()、Object.values()、Object.entries()、new Set() 等等。这里我们以 Object.keys() 为例，它返回一个包含对象的所有键的数组。

const obj = {a: 1, b: 2, c: 1, d: 3};
const uniqueKeys = [...new Set(Object.keys(obj))];
console.log(uniqueKeys); // ['a', 'b', 'c', 'd']

在上面的例子中，我们首先创建了一个包含重复键值的对象，然后使用 Object.keys() 获取该对象的所有键的数组。最后，我们将数组去重，从而得到一个不含重复键的数组。

结论

在 JavaScript 中，我们有很多种方法可以获取唯一键值。不同的方法适用于不同的场景，需要根据具体的情况进行选择。总的来说，我们应该根据数据的类型、数量以及性能要求等因素来选择合适的去重方法。

完整代码见下：

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

const obj = {a: 1, b: 2, c: 1, d: 3};
const uniqueKeys = [...new Set(Object.keys(obj))];
console.log(uniqueKeys); // ['a', 'b', 'c', 'd']