Firefox 127 发布：JavaScript Set 新方法全面支持

随着 Firefox 127 的发布，所有主流浏览器引擎现在都支持新的 JavaScript Set 方法，包括 intersection()、union()、difference()、symmetricDifference()、isSubsetOf()、isSupersetOf() 和 isDisjointFrom()。这些方法无需 polyfill 即可在所有环境中使用，为开发者提供了内置的集合操作和比较工具，旨在简化开发并提升性能。

JavaScript Set 的特性

JavaScript Set 与数组类似，但确保每个值的唯一性。这种自动去重的特性使得 Set 非常适合创建唯一集合。例如，以下是一个创建并添加元素到 Set 的简单示例：

const users = new Set();
const alice = { id: 1, name: "Alice" };
users.add(alice);

users.forEach(user => { console.log(user) });

Set 在检查元素是否存在时通常比数组更快，因此适用于对性能敏感的应用。

新方法详解

union()

union() 方法返回一个包含原始 Set 和给定 Set 中所有元素的新 Set，适合用于合并集合且避免重复：

const set1 = new Set(["Alice", "Bob", "Charlie"]);
const set2 = new Set(["Bob", "Charlie", "David"]);
const unionSet = set1.union(set2);

unionSet.forEach(name => {
  console.log(name); // 输出: Alice, Bob, Charlie, David
});

intersection()

intersection() 方法返回一个只包含两个 Set 中共有元素的新 Set，适用于查找共同元素：

const intersectionSet = set1.intersection(set2);

intersectionSet.forEach(name => {
  console.log(name); // 输出: Bob, Charlie
});

symmetricDifference()

symmetricDifference() 方法返回一个包含两个 Set 中独有元素的新 Set，适用于查找两个 Set 之间的独特元素：

const symmetricDifferenceSet = set1.symmetricDifference(set2);

symmetricDifferenceSet.forEach(name => {
  console.log(name); // 输出: Alice, David
});

difference()

difference() 方法返回一个包含原始 Set 中有但给定 Set 中没有的元素的新 Set，适用于元素减法操作：

const set1Only = set1.difference(set2);

set1Only.forEach(name => {
  console.log(name); // 输出: Alice
});

isSubsetOf() 和 isSupersetOf()

isSubsetOf() 方法检查一个 Set 的所有元素是否都在另一个 Set 中，而 isSupersetOf() 方法则检查一个 Set 是否包含另一个 Set 的所有元素：

const subset = new Set(["Alice", "Bob"]);
const superset = new Set(["Alice", "Bob", "Charlie"]);

if (subset.isSubsetOf(superset)) {
  console.log("subset is a subset of superset"); // 输出此句
}

if (superset.isSupersetOf(subset)) {
  console.log("superset is a superset of subset"); // 输出此句
}

isDisjointFrom()

isDisjointFrom() 方法检查两个 Set 是否有共同元素：

const set3 = new Set(["Eve", "Frank", "Gina"]);

if (set1.isDisjointFrom(set2)) {
  console.log("Set1 and Set2 are disjoint");
} else {
  console.log("Set1 and Set2 are not disjoint"); // 输出此句
}

if (set1.isDisjointFrom(set3)) {
  console.log("Set1 and Set3 are disjoint");
} else {
  console.log("Set1 and Set3 are not disjoint"); // 输出此句
}

社区反馈

社区对这些新方法的反应积极。在 Reddit 上，用户 peterlinddk 表示：

"太棒了——终于我们可以将 Set 用于不仅仅是‘去重检测器’了。我唯一希望的是对象能够在不完全相同实例的情况下被视为‘相等’，类似于 Java 的 .equals 和 .hashCode 方法。"

另一位用户 Pelopida92 则称赞了其性能优势：

"Set 非常棒。我在一些大数据脚本中广泛使用它们，因为它们比数组有更好的性能，而且非常容易使用和方便。"

总结

这些新方法为 JavaScript Set 提供了更强大的功能，简化了集合操作，提升了开发效率，同时增强了性能。开发者可以更灵活地处理数据集合，满足各种复杂场景的需求。