javascript - 在javascript中替换字符串中的多个字符

Question

我得到了这个不错的代码，但我不知道为什么它不起作用。出于兼容性目的，它应该获取文本输入的值并用它的 HTML 代码替换每个给定的国家字符。但是，当我单击该按钮时，该函数返回的字符串没有任何变化。 有什么想法吗？

( jsfiddle )

<a id="reminder1" onclick="document.getElementById('reminder2').style.display = ''; document.getElementById('reminder1').style.display = 'none';">
    Set reminder
</a>
<a id="reminder2" class="reminder" style="display:none;">
    <input type="text" id="reminderh" size=40 style="font-size:20px;">
    <input type="button" value="Set" onclick="csere(document.getElementById('reminderh').value);">
</a>

<script>
function csere(qwe){
document.getElementById('reminder2').style.display = 'none';

var rtz0  = qwe.replace("á","&aacute;");
var rtz1  = rtz0.replace("Á","&Aacute;");

var rtz2  = rtz1.replace("é","&eacute;");
var rtz3  = rtz2.replace("É","&Eacute;");

var rtz4  = rtz3.replace("í","&iacute;");
var rtz5  = rtz4.replace("Í","&Iacute;");

var rtz6  = rtz5.replace("ö","&ouml;");
var rtz7  = rtz6.replace("Ö","&Ouml;");
var rtz8  = rtz7.replace("ő","&&#337;");
var rtz9  = rtz8.replace("Ő","&#336;");
var rtz10 = rtz9.replace("ó","&oacute;");
var rtz11 = rtz10.replace("Ó","&Oacute;");

var rtz12 = rtz11.replace("ü","&uuml;");
var rtz13 = rtz12.replace("Ü","&Uuml;");
var rtz14 = rtz13.replace("ű","&#369;");
var rtz15 = rtz14.replace("Ű","&#368;");
var rtz16 = rtz15.replace("ú","&uacute;");
var uio = rtz16.replace("Ú","&Uacute;");

//Creates a cookie with the final value (different function)
createCookie('reminder',uio,1500);

document.getElementById('reminder1').style.display = '';
}
</script>

Answer 1

您可以为要替换的每个字符创建一个具有键/值对的对象:

var chars = {
    "á" : "á",
    "Á" : "Á",
    "é" : "é",
    "É" : "É",
    ...
}

然后在您的 .replace 调用中使用一个函数:

var uio = qwe.replace(/[áÁéÉ]/g,function(c) { return chars[c]; });

您的对象和正则表达式显然需要增长以包含您要替换的所有字符