javascript - 从html标签格式的字符串中提取键值对

Question

我有这个字符串:

编辑 - 我无法以 html/dom/jquery 的形式访问它

<meta charset="UTF-8" data-slide-length="5" data-prio="HIGH" data-freq="2">我想提取自定义属性的键值对 ( data- )。

我不知道从哪里开始使用正则表达式，而且我似乎找不到足够接近的示例让我理解。

所需输出:{slide-length: 5, prio:"HIGH", freq:2}

谢谢

Answer 1

正如我的评论中提到的，即使你得到了 as 字符串，你也可以在内存中创建一个 DOM 元素，然后访问你需要的属性:

var text = '<meta charset="UTF-8" data-slide-length="5" data-prio="HIGH" data-freq="2">'

var temp = document.createElement("div");
temp.innerHTML = text;

alert(temp.firstChild.dataset.slideLength) // 5

收集完所需的所有信息后，您可以将 temp 设置为 null。

但是，如果由于某种原因您无法这样做，您正在寻找的正则表达式将类似于 /(\S+)="(.*?)"/g ，然后您需要迭代该字符串:

var 文本 = ''

var m, re = /(\S+)="(.*?)"/g;

while (m = re.exec(text)) {
  alert("key:" + m[1] + " value: " + m[2])  
}

从这里您可以创建您的对象。