​

在编程领域，数据结构的操作一直是开发人员重点关注的内容。而如今，TypeScript 5.5 为我们带来了令人振奋的更新，它引入了对 Set 对象的 4 个新 ECMAScript 方法的支持，这无疑将集合操作推向了一个新的高度，使代码更加简洁、直观且易读。

一、初探 Set

在 JavaScript 的世界里，Set 是一种独特而实用的数据结构。简单来说，它就是一个唯一值的集合。与数组不同，Set 具有自动去除重复条目的特性，这使得它在处理需要唯一元素的场景下表现出众。例如，当我们需要统计一篇文章中出现的不同词汇时，Set 可以轻松地帮我们过滤掉重复的词汇，只保留唯一的词项，极大地提高了数据处理的效率和准确性。

二、TypeScript 5.5 新增 Set 方法详解

union：合并之力

union 方法就如同一个强大的 “合并器”，它能够将两个集合中的元素全部纳入囊中，同时巧妙地去除重复项。这就好比是将两个不同的部落合并成一个更大的部落，部落中的成员各具特色，绝无重复。例如：

const setA = new Set([1, 2]);
const setB = new Set([2, 3]);
const unionSet = setA.union(setB); // Set {1, 2, 3}

在这个例子中，setA 和 setB 分别代表两个有着部分相同元素的部落，通过 union 方法，它们成功地融合在一起，形成了一个新的部落 unionSet，其中包含了两个原始部落的所有独特成员。

intersection：共性之光

intersection 方法专注于挖掘两个集合之间的共性。它会仔细地审视两个集合，然后精准地挑选出那些同时存在于两个集合中的元素。这就像在两个不同文化背景的人群中寻找共同的价值观，那些被共同认可的部分便是交集所在。示例代码如下：

const setA = new Set([1, 2]);
const setB = new Set([2, 3]);
const intersectionSet = setA.intersection(setB); // Set {2}

在这里，setA 和 setB 就像是两群有着不同兴趣的人，而 intersection 方法帮我们找到了他们共同感兴趣的事物，也就是元素 2。

difference：差异之辨

difference 方法则更像是一位敏锐的 “比较专家”，它善于发现第一个集合中有而第二个集合中没有的元素。这就好比在对比两份购物清单时，找出那些只在第一份清单上出现的商品，方便我们进行针对性的采购决策。代码示例：

const setA = new Set([1, 2]);
const setB = new Set([2, 3]);
const differenceSet = setA.difference(setB); // Set {1}

在这个场景中，setA 就像是一份完整的购物清单，而 setB 则是已经购买过部分商品后的记录，通过 difference 方法，我们可以轻松地得知还需要购买哪些商品（即元素 1）。

symmetricDifference：对称之美

symmetricDifference 方法展现的是一种对称的差异美。它会返回存在于其中一个集合中但不在两个集合中的元素。这可以想象成两个圆环相交后的对称差异区域，那些只属于单个圆环的部分构成了最终的结果。例如：

const setA = new Set([1, 2]);
const setB = new Set([2, 3]);
const symmetricDiffSet = setA.symmetricDifference(setB); // Set {1, 3}

在这里，setA 和 setB 就像是两个相互重叠的圆环，symmetricDifference 方法帮我们提取出了那些只属于单个圆环的元素 1 和 3，形成了一幅对称而独特的图案。

三、如何畅享新方法

要愉快地使用这些新方法，让 TypeScript 能够精准地识别并成功编译相关代码，需要确保你的 tsconfig.json 文件包含以下关键设置：

{
  "compilerOptions": {
    "target": "ESNext",
    "lib": ["ESNext"]
  }
}

这一配置就像是为 TypeScript 打开了一扇通往新功能世界的大门，让它具备了理解和处理这些新 Set 方法的能力，从而让你的代码能够在支持最新 ECMAScript 特性的环境中顺利运行。

总结

这些新方法的引入，不仅极大地简化了集合操作的代码编写过程，还使 JavaScript 在集合处理方面更加接近其他编程语言中成熟且直观的集合操作方式，为开发人员带来了更高效、更愉悦的编程体验。在未来的项目开发中，我们可以充分利用这些新特性，提升代码的质量和可维护性，让集合操作变得更加轻松自如。

原文链接：https://dev.to/dfelczak/new-set-methods-in-typescript-55-2k23

作者：Dominik Nieuważny