javascript - 如何动态存储HTML元素的信息？

Question

我应该使用数据结构(例如数据对象字典)，以元素 ID 为键，还是简单地将带有所需数据的“data-”属性附加到元素？每个元素需要存储的属性数量只有一两个。

某处是否已经存在 JavaScript 的 Dictionary 对象(或者可能是 TypeScript)，或者更好的是，内存中的数据库类型结构我可以用来一起管理多个数据结构？

Answer 1

如果您只需要存储几个值，我会使用 data- 属性 - 或 jQuery data访问器。

JavaScript 中的任何对象都是字典，您可以轻松地在 TypeScript 中“输入”它们:

interface DictionaryOfStrings {
  [key: string]: string;
}

var a: DictionaryOfStrings;

a["first"] = "first value";
a["second"] = "second value";

for (var key in a) {
  console.log("Value of '" + key + "' is '" + a[key] + "'");
}