ES6: Is it dangerous to delete elements from Set/Map during Set/Map iteration?

by

Yes, you can simplify to that, it’s totally safe.

  • Sets and Maps are always iterated in insertion order
  • Deleting an item does not affect the position of any iterator – you can visualise the shape of the collection not being changed, just being emptied.
  • So: elements that are deleted and have not yet been iterated won’t be iterated
  • Elements that have already been iterated and are deleted (like in your case) won’t affect anything but other iterations/lookups.
  • Elements that are added (and are not already part of the collection) during the iteration will always be iterated

From that last point follows that the only dangerous thing to do would be something like

const s = new Set([1]);
for (let x of s) {
    s.delete(x);
    s.add(1);
}

but not because of undefined behaviour or memory accumulation, but because of the infinite loop.

More Related Contents:

  1. `export const` vs. `export default` in ES6
  2. Array.fill(Array) creates copies by references not by value [duplicate]
  3. Defer execution for ES6 Template Literals
  4. How to import ES6 modules in content script for Chrome Extension
  5. How does this object method definition work without the “function” keyword?
  6. What is the temporal dead zone?
  7. Are ES6 classes just syntactic sugar for the prototypal pattern in Javascript?
  8. ES6 Array destructuring weirdness
  9. Get functions (methods) of a class [duplicate]
  10. Which ECMAScript 6 features imply strict mode?
  11. Proper use of const for defining functions
  12. Access to ES6 array element index inside for-of loop
  13. Do I need require js when I use babel?
  14. Using spread operator multiple times in javascript?
  15. How to reliably check an object is an EcmaScript 6 Map/Set?
  16. setState() inside of componentDidUpdate()
  17. Why do I have to .bind(this) for methods defined in React component class, but not in regular ES6 class
  18. What does the arrow function with a () after means? [duplicate]
  19. Best way to polyfill ES6 features in React app that uses create-react-app
  20. How to loop over object properties with ngFor in Angular
  21. Using ‘let’ as a variable name is not throwing any errors in google v8
  22. Is this a good way to clone an object in ES6?
  23. What are getters and setters for in ECMAScript 6 classes?
  24. “unexpected token import” in Nodejs5 and babel?
  25. set withCredentials to the new ES6 built-in HTTP request API : Fetch
  26. How does JavaScript import find the module without an extension?
  27. What is ‘global symbol registry’?
  28. object destructuring: how to use intermediate nested property
  29. Compare two Arrays with Objects and create new array with unmatched objects
  30. When is the body of a Promise constructor callback executed?

Leave a Comment