JavaScript 대체 HTML 태그 구현 code_javascript 기술

코드 복사 코드는 다음과 같습니다.

str = str.
>replace( /&(?!#?w ;)/g , '&').

replace( /undefineundefine([^undefineundefine]*)"/g , '"$1"' ).< ;br />
교체( /
교체( />/g , '>' ).< br /> ;
교체( /…/g , '…' ).

교체( /“/g , '"' ).

교체 ( /" /g , '"' ).

교체( /'/g , ''' ).

교체( /'/g , '' ' ).

교체( /—/g , '—' ).

교체( /–/g , '–' ); >
위 내용은 꽤 짧습니다. Wind Code를 HTML로 변환할 때 20~30줄을 작성하는 것은 정말 말도 안되는 일입니다. 실제로 이러한 일치 패턴을 대체된 패턴과 비교할 수 있습니다. . 문자를 해시에 넣은 다음 한 번에 교체합니다. 🎜>var hash = {
'<' : '>',

'…' : '…',
'"' : '"' ,
'"' : '"' ,

''' : ''' , ''' : '' ' , '—' : '—', '–' : '–' } str = str. replace( /&(?!#?w ;) /g , '&' ).

바꾸기( /undefineundefine ([^undefineundefine]*)"/g , '"$1"' ).

바꾸기( /[<>...""' '—–]/g , function ( $0 ) {
return hash [ $0 ];
})


그러나 이 결함은 또한 해시 키가 있어야 합니다. 단순한 일반 문자열이어야 하고 복잡한 일반 문자열일 수는 없습니다. 이것이 바로 이유를 구분해야 하는 이유입니다. 이전 브라우저에서는 바꾸기 기능이 지원되지 않습니다. 이러한 이유로 위의 마지막 교체 방법을 포기해야 하며, 교체 방법은 일반 문자열로 통일됩니다.




코드 복사


코드는 다음과 같습니다.


String.prototype.multiReplace = function ( hash ) {
var str = this, key;
for ( key in hash ) {

if ( Object.prototype.hasOwnProperty.call( hash, key ) ) {
str = str.replace( new RegExp( key, 'g' ), hash[ key ] );
}

} return str; } Object.prototype.hasOwnProperty. call( hash , key )는 프로토타입에서 상속된 메서드와 속성을 필터링하는 데 사용됩니다. 이 방법을 사용하면 사용이 간단합니다.

코드 복사


코드는 다음과 같습니다.


str = str .multiReplace({
'&(?!#?\w ;)' :'&',
'undefineundefine([^undefineundefine]*)" : '"$1"',

' < ' : '<' ,
'>' : '>',
'…' : '…',

'"' : ' ''' , ''' : ''' , ''' : ''' , '—' : '—', '–' : '–' } )