Javascript在多个定界符处分割，同时保留定界符

有没有比我(例如，通过正则表达式)转换的方法更好的方法

"div#container.blue"

进入这个

["div", "#container", ".blue"];

这就是我所拥有的...

var arr = [];
function process(h1, h2) {
    var first = h1.split("#");
    arr.push(first[0]);
    var secondarr = first[1].split(".");
    secondarr[0] = "#" + secondarr[0];
    arr.push(secondarr[0]);
    for (i = 1; i< secondarr.length; i++) {
        arr.push(secondarr[i] = "." + secondarr[i]);
    }
    return arr;
}

最佳答案

为什么不这样呢？

'div#container.blue'.split(/(?=[#.])/);

因为它只是在寻找下一个字符为#或文字.的位置，所以它不会捕获任何内容，因此长度为零。由于是零长度匹配，因此不会删除任何内容。