When should I use delete vs setting elements to null in JavaScript? [duplicate]

by

There is no way to force garbage collection in JavaScript, and you don’t really need to. x.y = null; and delete x.y; both eliminate x‘s reference to the former value of y. The value will be garbage collected when necessary.

If you null out a property, it is still considered ‘set’ on the object and will be enumerated. The only time I can think of where you would prefer delete is if you were going to enumerate over the properties of x.

Consider the following:

var foo = { 'a': 1, 'b': 2, 'c': 3 };

console.log('Deleted a.');
delete foo.a
for (var key in foo)
  console.log(key + ': ' + foo[key]);

console.log('Nulled out b.');
foo['b'] = null;
for (var key in foo)
  console.log(key + ': ' + foo[key]);

This code will produce the following output:

Deleted a.
b: 2
c: 3
Nulled out b.
b: null
c: 3

More Related Contents:

  1. What is JavaScript garbage collection?
  2. Deleting Objects in JavaScript
  3. How does garbage collection work in JavaScript?
  4. About closure, LexicalEnvironment and GC
  5. How JavaScript closures are garbage collected
  6. Circular references in Javascript / Garbage collector
  7. Javascript and Garbage collection
  8. Best practices for reducing Garbage Collector activity in Javascript
  9. How are closures and scopes represented at run time in JavaScript
  10. How to request the Garbage Collector in node.js to run?
  11. Forcing garbage collection in Google Chrome
  12. QML garbage collection deletes objects still in use
  13. How to iterate over a WeakMap?
  14. requestAnimationFrame garbage collection
  15. What’s the best way (most efficient) to turn all the keys of an object to lower case?
  16. Should an async API ever throw synchronously?
  17. How to test if a string is JSON or not?
  18. Force browser to trigger reflow while changing CSS
  19. Why is window.showModalDialog deprecated? What to use instead?
  20. using a fetch inside another fetch in javascript
  21. jQuery + RGBA color animations
  22. Unchecked runtime.lastError when using Chrome API
  23. javascript – document.write error?
  24. cross-domain iframe resizer?
  25. Can I create multiple canvas elements on same page using p5js
  26. how to use jQuery ajax calls with node.js
  27. How to get the target of a JavaScript Proxy?
  28. Making a window pop under in chrome
  29. Angular passing scope to ng-include
  30. Generate XML document in-memory with JavaScript

Leave a Comment