Verwenden eines Elements als Schlüssel für einen Hash in JavaScript

Question

Ich möchte einen Hash mit DOM-Elementen als Schlüssel erstellen. Dies wird durch den folgenden Code dargestellt:

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' 

Wie kann ich für jeden Element, dass Hash-Karten auf einen eindeutigen Wert gewährleisten?
Beachten Sie, dass ich die rohe ID-Zeichenfolge nicht als Schlüssel verwenden kann, da beliebige Element übergeben werden können, einschließlich denen ohne eine ID.

Answer 1

In JavaScript bis ES 6 können nur Zeichenfolgen als Schlüssel verwendet werden. Wenn Sie DOM-Elemente verwenden möchten, verwenden Sie entweder zwei verknüpfte Listen oder das Objekt WeakMap. Ein Bonus der letzteren Methode ist, dass es keine Speicherlecks verursacht.

zu Ihrem Beispiel Beworben:

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

Ab Schreiben wird WeakMap nur durch die folgenden Browser unterstützt:

• Firefox 6
• Chrome 19 (standardmäßig deaktiviert, siehe instructions to enable)
• Opera 15 (standardmäßig deaktiviert, Opera mit --js-flags=--harmony starten, um es zu aktivieren).
• Internet Explorer 11 (confirmed to exist in leaked build)

In allen anderen Browsern, WeakMap Unterstützung kann durch das Laden des WeakMap.js polyfill erreicht werden.