자바 스크립트에서 문자열의 여러 문자 바꾸기

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

할 수 있습니다 단지 replace 모든 프로그램라는 엔티티를 사용하지 : (답변 @jackwanders에서 등)

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)+";"; 
}); 

당신이, 당신은 키 - 값 -지도이 결합 할 수 있습니다라는 엔티티를 사용하려는 경우를 :

var chars = { 
    "á" : "á", 
    "Á" : "Á", 
    "é" : "é", 
    "É" : "É", 
    ... 
} 
return input.replace(/[^ -~]/g, function(chr) { 
    return (chr in chars) 
     ? chars[chr] 
     : "&#"+chr.charCodeAt(0)+";"; 
}); 

---

그러나, 당신은 자바 스크립트에서 HTML 엔티티를 사용할 필요가 없습니다 안됩니다. UTF8을 모든 문자 인코딩으로 사용하면 효과적입니다.

Answer 2

당신은 문자의 첫 번째 인스턴스를 대체에 문제가있는 것 같아요.

var rtz0 = qwe.replace(new RegExp("á", "g"), "á"); 

그것은 PPvG 또는 jackwanders에서 언급 한 바와 같이 배열을 생성하는 가장 좋은 것입니다하지만, 그 이상이어야 기존 변수를 재사용 : 자바 스크립트에서이 같은 정규식을 사용하여 글로벌을 대체를에서 지정할해야합니다. 이 같은 그것을 할 쉽게 수 :

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

을 다음 .replace 호출 기능을 사용 : 각 문자 교체에 대한

qwe = qwe.replace(new RegExp("á", "g"), "á"); 
qwe = qwe.replace(new RegExp("Á", "g"), "Á"); 

Answer 3

당신은 키/값 쌍을 가진 개체를 만들 수

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

개체와 정규 표현식은 분명히 당신이

을 대체 할 모든 문자를 포함 할 성장해야합니다3210

Answer 4

문자는 HTML 페이지, JavaScript 페이지 및 HTTP 요청의 인코딩이 적용됩니다. 문자를 해당 유니 코드로 바꾸어보십시오.

<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/,"&aacute;"); 
var rtz1 = rtz0.replace(/\u00C1/,"&Aacute;"); 

var rtz2 = rtz1.replace(/\u00E9/,"&eacute;"); 
var rtz3 = rtz2.replace(/\u00C9/,"&Eacute;"); 

var rtz4 = rtz3.replace(/\u00ED/,"&iacute;"); 
var rtz5 = rtz4.replace(/\u00CD/,"&Iacute;"); 

var rtz6 = rtz5.replace(/\u00F6/,"&ouml;"); 
var rtz7 = rtz6.replace(/\u00D6/,"&Ouml;"); 
var rtz8 = rtz7.replace(/\u00F5/,"&&#337;"); 
var rtz9 = rtz8.replace(/\u00D5/,"&#336;"); 
var rtz10 = rtz9.replace(/\u00F3/,"&oacute;"); 
var rtz11 = rtz10.replace(/\u00D3/,"&Oacute;"); 

var rtz12 = rtz11.replace(/\u00FC/,"&uuml;"); 
var rtz13 = rtz12.replace(/\u00DC/,"&Uuml;"); 
var rtz14 = rtz13.replace(/\u0171/,"&#369;"); 
var rtz15 = rtz14.replace(/\u0170/,"&#368;"); 
var rtz16 = rtz15.replace(/\u00FA/,"&uacute;"); 
var uio = rtz16.replace(/\u00DA/,"&Uacute;"); 

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

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

변환을 확인하십시오. Wikibooks에 격자를 사용했습니다.