在javascript中按对象引用散列

Question

有人需要在 javascript 中通过对象引用来散列吗？

也许您想通过 uls 的 DOM 节点的哈希值或构造对象实例的属性或许多其他东西对子级进行分组。

我已阅读 this 并且不想使用 Wea​​kmap，直到它们稳定为止。

我能想到的唯一方法是将父母存储在一个数组中并在那里强制引用唯一性，然后通过数组中引用的索引进行散列。 （示例是查找 LI 的所有常见 UL 父级）：

var lis = document.getElementsByTagName('li'); // Get all objects
var parent, key, li;
for (var i=0; i<lis.length; i++ ) {            // For every LI
  storeItemByParent(lis[i], lis[i].parentNode);
}

var parents = [];
var itemsByParent = {};
function storeItemByParent (item, parent){
  var key;

  // Does this parent already exist? if so, use that index as the hash key
  for (var j=0; j<parents.length; j++) {
    if(parents[j] === parent) {
      key = j;
      break;
    }
  }

  // This is a new parent? If so, track it and use that index as the hash key
  if (key == undefined) {
    parents.push(parent);
    key = parents.length;
  }

  // Finally! The lis in a hash by parent "id".
  itemsByParent[key] = itemsByParent[key] || [];
  itemsByParent[key].push(item);
}

有没有更好的方法来存储附加到对象实例的属性或子对象或其他东西，而不将它们添加为对象本身的属性？

Answer 1

你已经找到了正确的方法，尽管我会用我自己的 add 和 find 方法将它很好地包装在一个界面后面。

您可以使用<array>.indexOf 稍微简单地编写代码，所有现代浏览器都支持它，并且在需要时可以轻松填充。

但是，您的方法有一个缺点：

如果从 DOM 中删除一个元素，该元素将不会被垃圾回收，因为您的数组仍然持有对它的引用。

当然，虽然这不是一个噱头，但值得牢记。

但是，您也可以采用完全不同的方法。可能不会更好——但会有所不同。

请原谅代码中的任何小错误，我正在徒手输入：

function elementDataHash = {};
function setElementData(el, data) {
  var hash = el.getAttribute("data-element-hash");
  if !(hash) {
    // http://stackoverflow.com/questions/6860853/generate-random-string-for-div-id
    hash = generateRandomString();
    el.setAttribute("data-element-hash", hash);
  }

  elementDataHash[hash] = data;
}

function getElementData(el) {
  var hash = el.getAttribute("data-element-hash");
  return elementDataHash[hash];
}