Заменить несколько символов в строке в javascript
У меня есть этот хороший код, который я понятия не имею, почему он не работает. Он должен получить значение текстового ввода и заменить каждый данный национальный символ кодом 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("á","á");
var rtz1 = rtz0.replace("Á","Á");
var rtz2 = rtz1.replace("é","é");
var rtz3 = rtz2.replace("É","É");
var rtz4 = rtz3.replace("í","í");
var rtz5 = rtz4.replace("Í","Í");
var rtz6 = rtz5.replace("ö","ö");
var rtz7 = rtz6.replace("Ö","Ö");
var rtz8 = rtz7.replace("ő","&ő");
var rtz9 = rtz8.replace("Ő","Ő");
var rtz10 = rtz9.replace("ó","ó");
var rtz11 = rtz10.replace("Ó","Ó");
var rtz12 = rtz11.replace("ü","ü");
var rtz13 = rtz12.replace("Ü","Ü");
var rtz14 = rtz13.replace("ű","ű");
var rtz15 = rtz14.replace("Ű","Ű");
var rtz16 = rtz15.replace("ú","ú");
var uio = rtz16.replace("Ú","Ú");
//Creates a cookie with the final value (different function)
createCookie('reminder',uio,1500);
document.getElementById('reminder1').style.display = '';
}
</script>
Ответы
Ответ 1
Вы можете просто replace все программно, не используя именованные объекты:
return input.replace(/[^ -~]/g, function(chr) {
// ^^^^^^
// this is a regexp for "everything than printable ASCII-characters"
// and even works in a ASCII-only charset. Identic: [^\u0020-\u007E]
return "&#"+chr.charCodeAt(0)+";";
});
Если вы хотите использовать именованные объекты, вы можете комбинировать это с ключ-картой значений (как в ответе @jackwanders):
var chars = {
"á" : "á",
"Á" : "Á",
"é" : "é",
"É" : "É",
...
}
return input.replace(/[^ -~]/g, function(chr) {
return (chr in chars)
? chars[chr]
: "&#"+chr.charCodeAt(0)+";";
});
Однако вам никогда не придется использовать html-объекты в JavaScript. Используйте UTF8 как кодировку символов для всего, и она будет работать.
Ответ 2
Вы можете создать объект, у которого есть пары ключ/значение для каждого заменяемого символа:
var chars = {
"á" : "á",
"Á" : "Á",
"é" : "é",
"É" : "É",
...
}
И затем используйте функцию в вызове .replace
:
var uio = qwe.replace(/[áÁéÉ]/g,function(c) { return chars[c]; });
Ваш объект и регулярное выражение, очевидно, должны расти, чтобы включить все символы, которые вы хотите заменить
Ответ 3
Символы подпадают под кодировку HTML-страницы, страницы JavaScript и HTTP-запроса. Попробуйте заменить символы эквивалентами Unicode:
<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(/\u00E1/,"á");
var rtz1 = rtz0.replace(/\u00C1/,"Á");
var rtz2 = rtz1.replace(/\u00E9/,"é");
var rtz3 = rtz2.replace(/\u00C9/,"É");
var rtz4 = rtz3.replace(/\u00ED/,"í");
var rtz5 = rtz4.replace(/\u00CD/,"Í");
var rtz6 = rtz5.replace(/\u00F6/,"ö");
var rtz7 = rtz6.replace(/\u00D6/,"Ö");
var rtz8 = rtz7.replace(/\u00F5/,"&ő");
var rtz9 = rtz8.replace(/\u00D5/,"Ő");
var rtz10 = rtz9.replace(/\u00F3/,"ó");
var rtz11 = rtz10.replace(/\u00D3/,"Ó");
var rtz12 = rtz11.replace(/\u00FC/,"ü");
var rtz13 = rtz12.replace(/\u00DC/,"Ü");
var rtz14 = rtz13.replace(/\u0171/,"ű");
var rtz15 = rtz14.replace(/\u0170/,"Ű");
var rtz16 = rtz15.replace(/\u00FA/,"ú");
var uio = rtz16.replace(/\u00DA/,"Ú");
//Creates a cookie with the final value (different function)
createCookie('reminder',uio,1500);
document.getElementById('reminder1').style.display = '';
}
</script>
Проверяйте мои конверсии, чтобы убедиться. Я использовал сетку на Wikibooks.
Ответ 4
Я думаю, что у вас есть проблема с заменой первого экземпляра символа. В javascript вы должны указать глобальные замены с помощью regex следующим образом:
var rtz0 = qwe.replace(new RegExp("á", "g"), "á");
Лучше всего было бы создать массив, упомянутый PPvG или jackwanders, но в противном случае по крайней мере повторно использовать существующую переменную. Вы можете сделать это следующим образом:
qwe = qwe.replace(new RegExp("á", "g"), "á");
qwe = qwe.replace(new RegExp("Á", "g"), "Á");