javascript - 如何在Javascript上解析括号标签

Question

我有这样的标签，获取这些属性的每个键和值并将其填充到数组中的最佳方法是什么（属性的数量会增加）？

myData = '[data attr1="value1" attr2="value2" attr3="value3"]';

并获得结果数组：

var arr = new Array();
arr['attr1'] = "value1";
arr['attr2'] = "value2";
arr['attr3'] = "value3";
and so on...

Answer 1

这可能会满足您的要求，尽管它假设tag已经采用您描述的格式，即[data ... ].

此外，正则表达式完全基于我在您的问题中看到的内容；不确定它是否会在其他字符串上中断。

function decode(tag)
{
    var r = /(\w+)="([^"]*)"/g,
    h = {};
    while ((m = r.exec(tag)) !== null) {
        h[m[1]] = m[2];
    }
    return h;
}

Answer 2

由于数据中有字符串键，因此请使用 jquery 对象而不是数组。

var arr = {};
var str = '[data attr1="value1" attr2="value2" attr3="value3"]​​​';
var n = str.split('[data ');
var str_arr = n[1].replace(']','').split(" ");
jQuery.each(str_arr,function(val){
    var x = str_arr[val].split('=');
    arr[x[0]]  = x[1].replace('"','').slice(0,-1);

});
console.log(arr);

试试这个代码。它可能会帮助你。

这是演示

尽管如果您提供有关代码的更多详细信息，它可以得到更多优化。

Answer 3

var tagRe = /\[(\w+)((?:\s+\w+="[^"]{0,50}")*)\s*]/g;
var attrRe = /\b(\w+)="([^"]*)"/g;

function parse(text) {
    var result = [];
    tagRe.lastIndex = 0; // reset start position

    var tagMatch = tagRe.exec(text);
    while (tagMatch) {
        var currentTag = { 'name': tagMatch[1], 'attrs': {} };

        var attrString = tagMatch[2];
        attrRe.lastIndex = 0;

        var attrMatch = attrRe.exec(attrString);
        while (attrMatch) {
            var attrName = attrMatch[1];
            var attrValue = attrMatch[2];

            currentTag.attrs[attrName] = attrValue;

            attrMatch = attrRe.exec(attrString); // next match
        }
        result.push(currentTag);

        tagMatch = tagRe.exec(text);
    }
    return result;
}

parse('[data attr1="value1" attr2="value2" attr3="value3"]');
> [{name:'data',attrs:{attr1:'value1',attr2:'value2',attr3:'value3'}}]

这适用于字符串中的任意数量的标签。标签的名称无关紧要。