Mimicking Sets in JavaScript

JavaScript doesn't provide a built-in Set object, but developers often need the ability to store unique, unordered values with fast lookup, addition, and deletion capabilities.

Using an Object with Boolean Values:
As suggested in the question, an object can be used to mimic a set. Keys represent the values, and the values are all set to true (or any non-null value). This approach provides fast lookup and deletion, but addition becomes slower as the number of keys increases.

ES6 Set Object:
If your environment supports ES6 (e.g., modern browsers or transpiled code), you can use the built-in Set object. It has excellent performance for all set operations and additionally allows for easy iteration over elements and avoiding string coercion.

Polyfills and Pre-Built Objects:
For environments that don't support ES6, you can use polyfills like "ES6-Set" or pre-built objects like "miniSet" or "set.js" that provide similar functionality to the ES6 Set object. These offer advantages like compatibility with older browsers or smaller code footprint.

Implementation Details:

Using an Object:

<code class="javascript">const setObj = {};
setObj["item1"] = true;
if ("item1" in setObj) { // fast lookup
  console.log("Item found");
}
delete setObj["item1"]; // fast deletion</code>

Using the ES6 Set Object:

<code class="javascript">const set = new Set();
set.add("item1");
if (set.has("item1")) { // fast lookup
  console.log("Item found");
}
set.delete("item1"); // fast deletion</code>

Using a Polyfill:

<code class="javascript">import Set from "es6-set";
const set = new Set(["item1", "item2"]);
console.log(...set.keys()); // easy iteration</code>

Using a Pre-Built Object:

<code class="javascript">const miniSet = new MiniSet("item1", "item2");
if (miniSet.has("item1")) { // fast lookup
  console.log("Item found");
}
miniSet.remove("item1"); // fast deletion</code>

The best choice depends on the specific requirements and the support available in your environment. For complex or performance-critical applications, the ES6 Set object is ideal. Otherwise, using an object, polyfill, or pre-built set object can provide a reasonable solution.

The above is the detailed content of How Can You Implement Set Functionality in JavaScript Without Built-in Support?. For more information, please follow other related articles on the PHP Chinese website!