在 JavaScript 中使用 Set() 创建一个唯一的数组。

在本文中，我们受 TypeDoc 代码参考的启发，分析了如何使用 JavaScript 中的新集合创建唯一数组。

让我们首先通过一个示例来了解上图中这个独特的函数，然后我们将看看它在 TypeDoc 源代码中的使用方式。

独特功能

export function unique<T>(arr: Iterable<T> | undefined): T[] {
    return Array.from(new Set(arr));
}

该函数选自 typedoc/src/lib/utils/array.ts。

Array.from 静态方法从可迭代或类似数组的对象创建一个新的浅复制 Array 实例。

Array.from() 可让您从以下位置创建数组：

• 可迭代对象（Map、Set等对象）；或者，如果对象不可迭代，

• 类似数组的对象（具有长度属性和索引元素的对象）。

如果您在浏览器的控制台中运行以下代码，您很快就会意识到 Set 会删除重复的值。

new Set([1,2,3,1,2,5,4,3,])
// result: Set(5) {1, 2, 3, 5, 4}

结合这两个概念，您现在可以使用 new Set() 创建一个唯一的数组，简单又容易。

TypeDoc如何使用独特的功能

TypeDoc 将独特的函数导入 L366 的 lib/application.ts 中。

此 Stackoverflow 答案中有类似的方法建议。

const unique = (list) => {
  return [...new Set(list)];
}

这是从 Stackoverflow 中挑选的，并使用展开运算符而不是 Array.from 方法。

关于我们：

在 Think Throo，我们的使命是教授开源项目中使用的高级代码库架构概念。

通过在 Next.js/React 中练习高级架构概念，将您的编码技能提高 10 倍，学习最佳实践并构建生产级项目。

我们是开源的 — https://github.com/thinkthroo/thinkthroo （请给我们一颗星！）

我们还提供网络开发和技术写作服务。请通过hello@thinkthroo.com联系我们了解更多信息！

参考资料：

1. https://github.com/TypeStrong/typedoc/blob/master/src/lib/application.ts#L366

2. https://github.com/TypeStrong/typedoc/blob/master/src/lib/utils/array.ts#L98C8-L100C2

3. https://stackoverflow.com/questions/6940103/how-do-i-make-an-array-with-unique-elements-i-e-remove-duplicates

4. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from

以上是在 JavaScript 中使用 Set() 创建一个唯一的数组。的详细内容。更多信息请关注PHP中文网其他相关文章！