javascript - 用 html javascript 替换奇数和偶数出现

Question

我正在尝试用字符串中的 html 代码替换 ` 刻度。

var str = "this `code` and `here`"

我的预期输出

“这段代码和这里”

我正在尝试做的事情如下.

1. 获取字符串中带有刻度的位置
2. 根据奇数和偶数出现情况，将这些刻度替换为 span html。

不确定，我无法达到预期，我的浏览器挂起。和当我调试它时。我看到没有用于替换字符串的索引。

String.prototype.replaceAt = function(index, character) {
    return this.substr(0, index) + character + this.substr(index+character.length);
}

var pos = [];
for (var i = 0; i < str.length; i++) {
    if (str[i] === "`") {
        pos.push(i);
    }
}


            if (pos.length > 1) {
                for (var j = pos.length; j > 0; j--) {
                    var index = pos[j];
                    var spanHtml = '';

                    if (j % 2 == 0) {
                        spanHtml = "<span class='code'>"
                    } else {
                        spanHtml = "</span>";
                    }

                    str = str.replaceAt(index, spanHtml);
                }
            }

Answer 1

您可以将String.prototype.replace()与RegExp一起使用

/(`\w+`)/g 

String.prototype.slice() 使用参数 1, -1 在反引号内切片字符串

`

人物

var str = "this `code` and `here`";

var res = str.replace(/(`\w+`)/g, function(match) {
  return "<span class='code'>" + match.slice(1, -1) + "</span>"
});

document.body.insertAdjacentHTML("beforeend", res);

.code {
  background: turquoise;
}