Utilizzo di un elemento come chiave per un hash in JavaScript

Question

Voglio creare un hash con elementi DOM come chiavi. Ciò è illustrato dal codice seguente:

var hash = {}; 
var set = function(element, value) { hash[element] = value; }; 
var get = function(element)  { return hash[element]; }; 

set(document.getElementById('foo'), 'bar'); 
get(document.getElementById('foo')); // returns 'bar' 

Come posso assicurare che le mappe hash per un valore univoco per ogni Element?
Si noti che non è possibile utilizzare la stringa ID come chiave, poiché è possibile passare qualsiasi arbitrario Element, inclusi quelli senza un ID.

Answer 1

In JavaScript fino all'ES 6, è possibile utilizzare solo le stringhe come chiave. Se si desidera utilizzare gli elementi DOM, utilizzare due elenchi collegati o l'oggetto WeakMap. Un bonus di quest'ultimo metodo è che non causa perdite di memoria.

applicato al tuo esempio:

var hash = new WeakMap(); 
hash.set(document.getElementById('foo'), 'bar'); 
hash.get(document.getElementById('foo')); // returns 'bar' 

al momento di scrivere, WeakMap è supportato solo dai seguenti browser:

• Firefox 6
• Chrome 19 (disabilitato di default, vedere instructions to enable)
• Opera 15 (disabilitato per impostazione predefinita, avviare Opera con --js-flags=--harmony per abilitarlo).
• Internet Explorer 11 (confirmed to exist in leaked build)

In tutti gli altri browser, il supporto WeakMap può essere raggiunto attraverso l'accesso al WeakMap.js polyfill.