Welcome, There is a proposal to add methods like union and intersection to JavaScript's built-in Set class. It is currently at stage 3, but some browsers like Chrome already support it. As you can see, the currently supported runtimes are very limited. Polyfills Currently, you can safely use these methods by using polyfills. core-js
es-shims Set Composition Methods These methods include: Set.prototype.intersection(other)
Set.prototype.union(other)
Set.prototype.difference(other)
Set.prototype.symmetricDifference(other)
Set.prototype.isSubsetOf(other)
Set.prototype.isSupersetOf(other)
Set.prototype.isDisjointFrom(other) Using without Polyfills You can use our std library functions to achieve the same. Let us explain each method by examples of how to use these functions. Set.prototype.intersection() import { intersection } from '@opentf/std';

const odds = [1, 3, 5, 7, 9];
const squares = [1, 4, 9];

// Using native method
new Set(odds).intersection(new Set(squares)); //=> Set(2) { 1, 9 }

// Using std function
intersection([odds, squares]); //=> [ 1, 9 ] Set.prototype.union() import { union } from '@opentf/std';

const evens = [2, 4, 6, 8];
const squares = [1, 4, 9];

// Using native method
new Set(evens).union(new Set(squares)); //=> Set(6) { 2, 4, 6, 8, 1, 9 }

// Using std function
union([evens, squares]); //=> [ 2, 4, 6, 8, 1, 9 ] Set.prototype.difference() import { diff } from '@opentf/std';

const odds = [1, 3, 5, 7, 9];
const squares = [1, 4, 9];

// Using native method
new Set(odds).difference(new Set(squares)); //=> Set(3) { 3, 5, 7 }

// Using std function
diff([odds, squares]); //=> [ 3, 5, 7 ] Set.prototype.symmetricDifference() import { symDiff } from '@opentf/std';

const evens = [2, 4, 6, 8];
const squares = [1, 4, 9];

// Using native method
new Set(evens).symmetricDifference(new Set(squares)); 
//=> Set(5) {2, 6, 8, 1, 9}

// Using std function
symDiff([evens, squares]); //=> [ 2, 6, 8, 1, 9 ] Set.prototype.isSubsetOf() import { isSubsetOf } from '@opentf/std';

const fours = [4, 8, 12, 16];
const evens = [2, 4, 6, 8, 10, 12, 14, 16, 18];

// Using native method
new Set(fours).isSubsetOf(new Set(evens)); //=> true

// Using std function
isSubsetOf(fours, evens); //=> true Set.prototype.isSupersetOf() import { isSupersetOf } from '@opentf/std';

const evens = [2, 4, 6, 8, 10, 12, 14, 16, 18];
const fours = [4, 8, 12, 16];

// Using native method
new Set(evens).isSupersetOf(new Set(fours)); //=> true

// Using std function
isSupersetOf(evens, fours); //=> true Set.prototype.isDisjointFrom() import { isDisjointFrom } from '@opentf/std';

const primes = [2, 3, 5, 7, 11, 13, 17, 19];
const squares = [1, 4, 9, 16];

// Using native method
new Set(primes).isDisjointFrom(new Set(squares)); //=> true

// Using std function
isDisjointFrom(primes, squares); //=> true Bonus The subset relationship can be determined by passing the Boolean value to the proper param. Learn more about it on our website. Conclusion By using our library functions, you can compose sets like you would with mathematical operations. Here are some of the benefits from using our library: Works across runtimes, e.g. Browsers, Node.js, Bun, Deno, etc.


Consistent & Concise function names


TypeScript Support


Works with both CJS & ESM


Supports some Older Browsers & Node.js >= 16 And finally, you can avoid polyfills in your codebase. Please don't forget to check out our important Articles: Introducing Our New JavaScript Standard Library


You Don’t Need JavaScript Native Methods! Happy coding! 🚀 🙏 Thanks for reading. Welcome, There is a proposal to add methods like union and intersection to JavaScript's built-in Set class. proposal It is currently at stage 3, but some browsers like Chrome already support it. As you can see, the currently supported runtimes are very limited. Polyfills Polyfills Currently, you can safely use these methods by using polyfills. core-js es-shims core-js core-js es-shims es-shims Set Composition Methods Set Composition Methods These methods include: Set.prototype.intersection(other) Set.prototype.union(other) Set.prototype.difference(other) Set.prototype.symmetricDifference(other) Set.prototype.isSubsetOf(other) Set.prototype.isSupersetOf(other) Set.prototype.isDisjointFrom(other) Set.prototype.intersection(other) Set.prototype.union(other) Set.prototype.difference(other) Set.prototype.symmetricDifference(other) Set.prototype.isSubsetOf(other) Set.prototype.isSupersetOf(other) Set.prototype.isDisjointFrom(other) Using without Polyfills Using without Polyfills You can use our std library functions to achieve the same. std Let us explain each method by examples of how to use these functions. Set.prototype.intersection() Set.prototype.intersection() import { intersection } from '@opentf/std';

const odds = [1, 3, 5, 7, 9];
const squares = [1, 4, 9];

// Using native method
new Set(odds).intersection(new Set(squares)); //=> Set(2) { 1, 9 }

// Using std function
intersection([odds, squares]); //=> [ 1, 9 ] import { intersection } from '@opentf/std';

const odds = [1, 3, 5, 7, 9];
const squares = [1, 4, 9];

// Using native method
new Set(odds).intersection(new Set(squares)); //=> Set(2) { 1, 9 }

// Using std function
intersection([odds, squares]); //=> [ 1, 9 ] Set.prototype.union() Set.prototype.union() import { union } from '@opentf/std';

const evens = [2, 4, 6, 8];
const squares = [1, 4, 9];

// Using native method
new Set(evens).union(new Set(squares)); //=> Set(6) { 2, 4, 6, 8, 1, 9 }

// Using std function
union([evens, squares]); //=> [ 2, 4, 6, 8, 1, 9 ] import { union } from '@opentf/std';

const evens = [2, 4, 6, 8];
const squares = [1, 4, 9];

// Using native method
new Set(evens).union(new Set(squares)); //=> Set(6) { 2, 4, 6, 8, 1, 9 }

// Using std function
union([evens, squares]); //=> [ 2, 4, 6, 8, 1, 9 ] Set.prototype.difference() Set.prototype.difference() import { diff } from '@opentf/std';

const odds = [1, 3, 5, 7, 9];
const squares = [1, 4, 9];

// Using native method
new Set(odds).difference(new Set(squares)); //=> Set(3) { 3, 5, 7 }

// Using std function
diff([odds, squares]); //=> [ 3, 5, 7 ] import { diff } from '@opentf/std';

const odds = [1, 3, 5, 7, 9];
const squares = [1, 4, 9];

// Using native method
new Set(odds).difference(new Set(squares)); //=> Set(3) { 3, 5, 7 }

// Using std function
diff([odds, squares]); //=> [ 3, 5, 7 ] Set.prototype.symmetricDifference() Set.prototype.symmetricDifference() import { symDiff } from '@opentf/std';

const evens = [2, 4, 6, 8];
const squares = [1, 4, 9];

// Using native method
new Set(evens).symmetricDifference(new Set(squares)); 
//=> Set(5) {2, 6, 8, 1, 9}

// Using std function
symDiff([evens, squares]); //=> [ 2, 6, 8, 1, 9 ] import { symDiff } from '@opentf/std';

const evens = [2, 4, 6, 8];
const squares = [1, 4, 9];

// Using native method
new Set(evens).symmetricDifference(new Set(squares)); 
//=> Set(5) {2, 6, 8, 1, 9}

// Using std function
symDiff([evens, squares]); //=> [ 2, 6, 8, 1, 9 ] Set.prototype.isSubsetOf() Set.prototype.isSubsetOf() import { isSubsetOf } from '@opentf/std';

const fours = [4, 8, 12, 16];
const evens = [2, 4, 6, 8, 10, 12, 14, 16, 18];

// Using native method
new Set(fours).isSubsetOf(new Set(evens)); //=> true

// Using std function
isSubsetOf(fours, evens); //=> true import { isSubsetOf } from '@opentf/std';

const fours = [4, 8, 12, 16];
const evens = [2, 4, 6, 8, 10, 12, 14, 16, 18];

// Using native method
new Set(fours).isSubsetOf(new Set(evens)); //=> true

// Using std function
isSubsetOf(fours, evens); //=> true Set.prototype.isSupersetOf() Set.prototype.isSupersetOf() import { isSupersetOf } from '@opentf/std';

const evens = [2, 4, 6, 8, 10, 12, 14, 16, 18];
const fours = [4, 8, 12, 16];

// Using native method
new Set(evens).isSupersetOf(new Set(fours)); //=> true

// Using std function
isSupersetOf(evens, fours); //=> true import { isSupersetOf } from '@opentf/std';

const evens = [2, 4, 6, 8, 10, 12, 14, 16, 18];
const fours = [4, 8, 12, 16];

// Using native method
new Set(evens).isSupersetOf(new Set(fours)); //=> true

// Using std function
isSupersetOf(evens, fours); //=> true Set.prototype.isDisjointFrom() Set.prototype.isDisjointFrom() import { isDisjointFrom } from '@opentf/std';

const primes = [2, 3, 5, 7, 11, 13, 17, 19];
const squares = [1, 4, 9, 16];

// Using native method
new Set(primes).isDisjointFrom(new Set(squares)); //=> true

// Using std function
isDisjointFrom(primes, squares); //=> true import { isDisjointFrom } from '@opentf/std';

const primes = [2, 3, 5, 7, 11, 13, 17, 19];
const squares = [1, 4, 9, 16];

// Using native method
new Set(primes).isDisjointFrom(new Set(squares)); //=> true

// Using std function
isDisjointFrom(primes, squares); //=> true Bonus Bonus The subset relationship can be determined by passing the Boolean value to the proper param. Learn more about it on our website . proper website Conclusion Conclusion By using our library functions, you can compose sets like you would with mathematical operations. Here are some of the benefits from using our library: Works across runtimes, e.g. Browsers, Node.js, Bun, Deno, etc. Consistent & Concise function names TypeScript Support Works with both CJS & ESM Supports some Older Browsers & Node.js >= 16 Works across runtimes, e.g. Browsers, Node.js, Bun, Deno, etc. Works across runtimes, e.g. Browsers, Node.js, Bun, Deno, etc. Consistent & Concise function names Consistent & Concise function names TypeScript Support TypeScript Support Works with both CJS & ESM Works with both CJS & ESM Supports some Older Browsers & Node.js >= 16 Supports some Older Browsers & Node.js >= 16 And finally, you can avoid polyfills in your codebase. polyfills Please don't forget to check out our important Articles: Introducing Our New JavaScript Standard Library You Don’t Need JavaScript Native Methods! Introducing Our New JavaScript Standard Library Introducing Our New JavaScript Standard Library Introducing Our New JavaScript Standard Library You Don’t Need JavaScript Native Methods! You Don’t Need JavaScript Native Methods! You Don’t Need JavaScript Native Methods! Happy coding! 🚀 🙏 Thanks for reading.

Hot off the press! This story contains factual information about a recent event.

Walkthroughs, tutorials, guides, and tips. This story will teach you how to do something new or how to do something better.

Too Long; Didn't Read

Making security fun one episode at a time

Use JavaScript's New Set Composition Methods Without Polyfills

Too Long; Didn't Read

Thanga Ganapathy

STORY’S CREDIBILITY

News

Guide

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

Use JavaScript's New Set Composition Methods Without Polyfills

Too Long; Didn't Read

Thanga Ganapathy

STORY’S CREDIBILITY

News

Guide

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

RELATED STORIES