What is the maximum size allowed for creating a Set in JavaScript?

Question

What is the maximum size allowed for creating a Set in JavaScript?

I am currently developing a tool to remove geometry from a 3D model within a web browser.

During a specific stage of the removal process, I take an array containing indexes and convert it into a Set to eliminate any duplicate indexes.

function TransformArrayIntoSet(array){
    return new Set(array);
}

This function initially performed well for most models. To enhance the efficiency of the deletion process, I aimed to avoid solutions that involved using .indexOf.

However, when attempting to delete elements from a large model, such as an array with approximately 15,000,000 entries, I encountered the following error in the browser console:

Uncaught (in promise) RangeError: Set maximum size exceeded

I would like to understand what limits exist when creating a Set. Is this limitation determined by the Browser or the hardware running the Browser? Is there a method to determine this limit? Perhaps if I knew the size constraint of a Set, I could divide the array into multiple Sets and proceed accordingly?

javascript three.js

Answer 1

Answer №1

The group of objects in a Set is referred to as a "List" in the specification, and there is no specified limit on the size of a List. More information can be found here.

These sequences can vary in length.

The size of Set lists is also not specified. (1, 2)

Set set.[[SetData]] to a new empty List.

Therefore, it is left to be defined by the implementation.

Does this depend on the browser being used? Or is it influenced by the computer's specifications?

This will vary based on the JavaScript engine utilized by the browser (e.g. V8, SpiderMonkey, JavaScriptCore).

Is there a method to determine this limit?

Simply keep adding items to a Set until it reaches its limit and throws an error.

const getSetSizeLimit = () => {
  let i = 0;
  const set = new Set();
  while (true) {
    try {
      set.add(i);
    } catch(e) {
      return i;
    }
    i++;
  }
  return i;
};
console.log(getSetSizeLimit());

In my experience with Windows-Chrome, the limit appears to be 16777216, equivalent to 2 ** 24.

Answer 2

The group of objects in a Set is referred to as a "List" in the specification, and there is no specified limit on the size of a List. More information can be found here.

These sequences can vary in length.

The size of Set lists is also not specified. (1, 2)

Set set.[[SetData]] to a new empty List.

Therefore, it is left to be defined by the implementation.

Does this depend on the browser being used? Or is it influenced by the computer's specifications?

This will vary based on the JavaScript engine utilized by the browser (e.g. V8, SpiderMonkey, JavaScriptCore).

Is there a method to determine this limit?

Simply keep adding items to a Set until it reaches its limit and throws an error.

const getSetSizeLimit = () => {
  let i = 0;
  const set = new Set();
  while (true) {
    try {
      set.add(i);
    } catch(e) {
      return i;
    }
    i++;
  }
  return i;
};
console.log(getSetSizeLimit());

In my experience with Windows-Chrome, the limit appears to be 16777216, equivalent to 2 ** 24.

What is the maximum size allowed for creating a Set in JavaScript?

Answer №1

Similar questions

Restrict the Three.js Raycaster to a designated section within the HTML without using offsets

Sending a document to a Node.js server using Sails.js

Stop Opera browser from enhancing HTML5 fields

Executing the GetDoc function multiple times in a React application

What is the process for embedding JQuery within the <body> tags in Joomla 3.1?

Experiencing a scroll problem in the latest version of Google Chrome for Android while using ReactJS? The issue seems to have migrated from the earlier version 99.xxxxxx to

Animated Debugging with Node.js

Leveraging the push method within AngularJS

Utilize a JSON object with ChartJS for data visualization

Using a checkbox to enlarge a table

Outputting messages to a component with React

JS client-side form validation involves communicating with the server to verify user input

Adjust the zoom level of a webpage while printing using javascript

The .remove() method is ineffective when used within an Ajax success function

Having trouble reaching the JSON object beyond the scope of the AJAX success function

Tips for altering the checked status of a radio input in a React component

What is the maximum storage capacity for variables on a NodeJS/ExpressJS server when handling multiple users?

Is there a way to automatically execute a Greasemonkey script when the page is updated using ajax?

Expand the image to fill the entirety of the viewing area

What is the reason AJAX does not prevent page from refreshing?