>  기사  >  웹 프론트엔드  >  JavaScript 대체 문자열 대체 기능 사용

JavaScript 대체 문자열 대체 기능 사용

巴扎黑
巴扎黑원래의
2016-12-06 11:07:561476검색

replace 
语法 stringObj.replace(rgExp, replaceText) 
stringObj  必选项。要执行该替换的 String 对象或文字。该对象不会被 replace 方法修改。 
rgExp  必选项。描述要查找的内容的一个正则表达式对象。 
replaceText  必选项。是一个String 对象或文字,对于stringObj 中每个匹配 rgExp 中的位置都用该对象所包含的文字加以替换。 
例如: 

Js代码  

  

这样只能替换第一个“a”字母  

  

  

这样可以替换所有“a”字母。其中g为全局标志  



JavaScript--正则表达式 

  正则表达式(regular expression)对象包含一个正则表达式模式(pattern)。它具有用正则表达式模式去匹配或代替一个串(string)中特定字符(或字符集合)的属性(properties)和方法(methods)。 

正则表达式构造函数: new RegExp("pattern"[,"flags"]); 
参数说明: 
pattern -- 一个正则表达式文本 
flags -- 如果存在,将是以下值: 
g: 全局匹配 
i: 忽略大小写 
gi: 以上组合 

在构造函数中,一些特殊字符需要进行转意(在特殊字符前加"\")。正则表达式中的特殊字符: 
字符  含意  
\ 转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为 

匹配一个单词的边界。 
-或- 
对正则表达式功能字符的还原,如"*"匹配它前面元字符0次或多次,/a*/将匹配a,aa,aaa,加了"\"后,/a\*/ 

将只匹配"a*"。  
^  匹配一个输入或一行的开头,/^a/匹配"an A",而不匹配"An a"  
$  匹配一个输入或一行的结尾,/a$/匹配"An a",而不匹配"an A"  
*  匹配前面元字符0次或多次,/ba*/将匹配b,ba,baa,baaa  
+  匹配前面元字符1次或多次,/ba*/将匹配ba,baa,baaa  
?  匹配前面元字符0次或1次,/ba*/将匹配b,ba  
(x)  匹配x保存x在名为$1...$9的变量中  
x|y  匹配x或y  
{n}  精确匹配n次  
{n,}  匹配n次以上  
{n,m}  匹配n-m次  
[xyz]  字符集(character set),匹配这个集合中的任一一个字符(或元字符)  
[^xyz]  不匹配这个集合中的任何一个字符  
[\b]  匹配一个退格符 
\b  匹配一个单词的边界  
\B  匹配一个单词的非边界 
\cX  这儿,X是一个控制符,/\cM/匹配Ctrl-M  
\d  匹配一个字数字符,/\d/ = /[0-9]/  
\D  匹配一个非字数字符,/\D/ = /[^0-9]/  
\n  匹配一个换行符  
\r  匹配一个回车符  
\s  匹配一个空白字符,包括\n,\r,\f,\t,\v等  
\S  匹配一个非空白字符,等于/[^\n\f\r\t\v]/  
\t  匹配一个制表符  
\v  匹配一个重直制表符  
\w  匹配一个可以组成单词的字符(alphanumeric,这是我的意译,含数字),包括下划线,如[\w]匹配"$5.98" 

中的5,等于[a-zA-Z0-9]  
\W  匹配一个不可以组成单词的字符,如[\W]匹配"$5.98"中的$,等于[^a-zA-Z0-9]。 

说了这么多了,我们来看一些正则表达式的实际应用的例子: 
HTML代码的屏蔽 

Js代码  

function mask_HTMLCode(strInput) {   

var myReg = /<(\w+)>/;   

return strInput.replace(myReg, "<$1>");   

}

이메일 주소 확인:

function test_email(strEmail) {

var myReg = /^[_a-z0-9]+@([ _a-z0-9]+.)+[a-z0-9]{2,3}$/;

if(myReg.test(strEmail)) return true

return false;

}


정규식 개체의 속성 및 메서드:
미리 정의된 정규식에는 input, multiline, lastMatch, lastParen, leftContext,
rightContext 및 $1 ~ $9. 그 중 입력과 다중 라인을 미리 설정할 수 있습니다. 다른 속성의 값은 exec나 test 메소드 실행 후

다양한 조건에 따라 다른 값이 할당됩니다. 많은 속성에는 긴 이름과 짧은(perl 스타일) 이름이 모두 있으며 두 이름 모두 동일한 값을 나타냅니다. (

JavaScript는 Perl의 정규식을 시뮬레이션합니다.)

정규식 개체의 속성:
속성은
$1...$9를 의미합니다. 존재하는 경우 일치합니다. 하위 문자열
$_ 입력 참조
$* 여러 줄 참조
$& lastMatch 참조
$+ lastParen 참조
$` leftContext
참조$''    rightContext
생성자 참조 객체의 특수 함수 프로토타입 생성
global 전체 문자열에서 일치할지 여부(bool 유형)
ignoreCase 일치 시 대소문자를 무시할지 여부(bool 유형)
input 일치하는 문자열
lastIndex 마지막 match index
lastParen  괄호로 묶인 마지막 부분 문자열
leftContext 왼쪽의 마지막 일치 부분 문자열
multiline  다중 줄 일치 수행 여부(bool 유형)
prototype  Object에 추가 속성 허용
rightContext  가장 최근 일치 항목의 오른쪽 부분 문자열
source   정규 표현식 패턴
lastIndex  마지막 일치 항목의 인덱스

정규 표현식 객체의 메서드:
메서드 의미
compile Regular 표현식 비교
exec 검색 수행
test 일치
toSource 특정 객체의 정의(리터럴

표현)를 반환하며, 해당 값을 사용하여 새 객체를 생성할 수 있습니다. Object.toSource 메서드를 오버로드하여 가져옵니다.
toString    특정 객체의 문자열을 반환합니다. Object.toString 메서드를 오버로드하여 가져옵니다. ​
valueOf​​ 특정 객체의 원래 값을 반환합니다. Object.valueOf 메서드를 오버로드하여


예:

Js 코드