Using an object as a property key in JavaScript

by

What does it mean to use an object as a key to a property in JavaScript?

Javascript objects only allow string keys, so your object will first be coerced to a string.

Specifically, why does using looking up b in c return the value that was stored in a property of a?

The string representation of {a: 1} and {b: 2} are both "[object Object]", thus, the property is overwritten.

Edit: If you really need to use objects as keys (I would prefer another solution, if possible), you could use the object’s JSON representation:

c[JSON.stringify(a)] = 1
c[JSON.stringify(b)] = 2

But, again, try to think of a different approach. Perhaps the objects have unique identifiers other than the object itself.

More Related Contents:

  1. why foo: { bar: 10} prints 10 when executed in chrome console | Javascript [closed]
  2. User input and multiple switch statements
  3. Safely turning a JSON string into an object
  4. Get current URL with jQuery?
  5. How do you round to 1 decimal place in Javascript?
  6. What does [].forEach.call() do in JavaScript?
  7. Keep overflow div scrolled to bottom unless user scrolls up
  8. Map and filter an array at the same time
  9. Promise vs setTimeout
  10. Can’t get correct return value from an jQuery Ajax call [duplicate]
  11. Counting frequency of characters in a string using JavaScript
  12. Browserify, Babel 6, Gulp – Unexpected token on spread operator
  13. Vue – Deep watching an array of objects and calculating the change?
  14. Is CORS a secure way to do cross-domain AJAX requests?
  15. Creating an IFRAME using JavaScript
  16. How to partition input field to appear as separate input fields on screen?
  17. Chrome JavaScript developer console: Is it possible to call console.log() without a newline?
  18. Where should I declare JavaScript files used in my page? In or near ?
  19. adding event listener cross browser [closed]
  20. What is JavaScript shorthand property? [duplicate]
  21. Bootstrap dropdown closing when clicked
  22. Javascript OOP best practices? [closed]
  23. Preventing HTML and Script injections in Javascript
  24. Why is React’s concept of Virtual DOM said to be more performant than dirty model checking?
  25. What are getters and setters for in ECMAScript 6 classes?
  26. fetch retry request (on failure)
  27. Does the attr() in jQuery force lowercase?
  28. Memoization of promise-based function
  29. Is there a way to execute JavaScript in Perl?
  30. ReactJS Bootstrap Navbar and Routing not working together

Leave a Comment