多个值的简单/基本 Jquery 或 Javascript 字符串替换 [关闭]

Question

我有一个数据库输出：

1. example-phrase
2. example2-phrase 或
3. example-solution

我需要在页面加载时将这些替换为：

1. 例句
2. 示例 2 短语
3. 示例和解决方案

我已经在页面上加载了 jQuery，因此我可以使用 jQuery 解决方案，但我知道使用一些基本的 Javascript 也是可能的...问题是我不知道任何一个以及我正在寻找的示例没有做我需要的。我还需要能够在未来添加更多替代品。

更新：我有这个来自另一个项目，但它替换了页面上任何 h2 元素中的“=”之前（包括）之前的所有内容。第一行：var re = /^[^=]+=\s*/, 让我失去了所有的符号，但是：

<script>
    var re = /^[^=]+=\s*/,
        elements = document.getElementsByTagName('h2')

    function processText(el) {
        el.textContent = el.textContent.replace(re, '');
    }

    for(var i = 0, l = elements.length; i < l; i++) {
        processText(elements[i]);
    }
</script>

Answer 1

看看这个：

如你所说，你的字符串 (1) 是：

var ex1 = "example-phrase";
var res1 = ex1.replace("-", " ");
res1 = res1.toLowerCase().replace(/\b[a-z]/g, function(letter) {
    return letter.toUpperCase();
});

上述解决方案适用于第一种情况。对于第三种情况，只需添加以下内容，

var ex3 = "example-solution";
var res3 = ex3.replace("-", " ");
res3 = res3.toLowerCase().replace(/\b[a-z]/g, function(letter) {
    return letter.toUpperCase();
});
res3 = res3.replace(" ", " & ");

我觉得每次收到回复都检查是不可行的。

感谢this answer

Answer 2

var REPLACEMENTS = {
    'example-phrase': 'Example Phrase',
    'example2-phrase': 'Example 2 Phrase',
    'example-solution': 'Example & Solution'
}

function doReplacement(input) {
    for (var key in REPLACEMENTS) {
        input = input.replace(key, REPLACEMENTS[key]);
    }

    return input;
}

虽然可能不是最高效的解决方案。您可能需要问自己：您需要不区分大小写吗？单个输入是否可以包含多个需要替换的字符串？字符串本身与替换键完全相等还是包含它？

编辑

（已更新）正如我看到的每个更新，您可能希望对所有 h2 标记执行此操作。 试试这个代码：

$(function() {
    var REPLACEMENTS = {
        'example-phrase': 'Example Phrase',
        'example2-phrase': 'Example 2 Phrase',
        'example-solution': 'Example & Solution'
    }

    function doReplacement(input) {
        for (var key in REPLACEMENTS) {
            input = input.replace(key, REPLACEMENTS[key]);
        }

        return input;
    }

    $('h2').each(function() {
        var $this = $(this);
        $this.html(doReplacement($this.html()));
    });
});