자바스크립트에서 정규식을 사용하는 방법은 무엇입니까?-프런트엔드 Q&A-php.cn

자바스크립트에서 정규식을 사용하는 방법은 무엇입니까?

青灯夜游

풀어 주다： 2022-01-12 16:45:31

원래의

4434명이 탐색했습니다.

JavaScript의 일반 메서드: 1. 문자열에서 정규 표현식 일치를 검색하는 데 사용됩니다. 2. 문자열이 지정된 정규 표현식과 일치하는지 검색하는 데 사용됩니다. 3. toString( ); (); 5. 일치(); 6. 검색().

자바스크립트에서 정규식을 사용하는 방법은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

정규 표현식이란

정규 표현식은 문자 패턴을 설명하는 객체입니다.

정규식은 문자열 패턴을 일치시키고 이를 검색하고 바꾸는 데 사용됩니다. 이는 문자열에 대한 패턴 일치를 수행하는 강력한 도구입니다.

RegExp 객체 메소드

메소드	설명
compile	버전 1.5에서 더 이상 사용되지 않습니다. 정규 표현식을 컴파일하세요.
exec	문자열에 지정된 값을 검색합니다. 찾은 값을 반환하고 위치를 결정합니다.
test	문자열에 지정된 값을 검색합니다. true 또는 false를 반환합니다.
toString	정규 표현식의 문자열을 반환합니다.

정규 표현식을 지원하는 String 객체의 메서드

Method	Description	FF	IE
search	.	1	4
match	하나 이상의 정규 표현식과 일치하는 항목을 찾습니다.	1	4
replace	정규식과 일치하는 하위 문자열을 바꿉니다.	1	4
split	문자열을 문자열 배열로 분할합니다.	1	4

JavaScript exec() 메서드

exec() 메서드는 문자열에서 정규식 일치 항목을 검색하는 데 사용됩니다.

문자열에 일치하는 값이 있으면 일치하는 값을 반환하고, 그렇지 않으면 null을 반환합니다.

var str="Hello world!";
//查找"Hello"
var patt=/Hello/g;
var result=patt.exec(str);
document.write("返回值: " +  result); 
//查找 "php"
patt=/php/g;
result=patt.exec(str);
document.write("<br>返回值: " +  result);

로그인 후 복사

자바스크립트에서 정규식을 사용하는 방법은 무엇입니까?

JavaScript test() 메소드

test() 메소드는 문자열이 특정 패턴과 일치하는지 감지하는 데 사용됩니다.

문자열에 일치하는 값이 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

var str="Hello world!";
//查找"Hello"
var patt=/Hello/g;
var result=patt.test(str);
document.write("返回值: " +  result); 
//查找 "php"
patt=/php/g;
result=patt.test(str);
document.write("<br>返回值: " +  result);

로그인 후 복사

자바스크립트에서 정규식을 사용하는 방법은 무엇입니까?

JavaScript RegExp toString() 메서드

toString() 메서드는 정규 표현식의 문자열 값을 반환합니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p>点击按钮返回正则表达式的字符串值。</p>

<button onclick="myFunction()">点我</button>
	
<p id="demo"></p>
	
<script>
function myFunction() {
    var patt = new RegExp("PHP中文网", "g");
    var res = patt.toString();
    document.getElementById("demo").innerHTML = res;
}
</script>

</body>
</html>

로그인 후 복사

자바스크립트에서 정규식을 사용하는 방법은 무엇입니까?

JavaScript replacement() 메서드

replace() 메서드는 문자열의 일부 문자를 다른 문자로 바꾸거나 정규식과 일치하는 하위 문자열을 바꾸는 데 사용됩니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p>单击按钮将段落中的“blue”替换成“red”。</p>
<p id="demo">Mr Blue has a blue house and a blue car.</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str=document.getElementById("demo").innerHTML; 
	var n=str.replace(/blue/gi,"red");
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

로그인 후 복사

자바스크립트에서 정규식을 사용하는 방법은 무엇입니까?

JavaScript match() 메서드

match() 메서드는 문자열 내에서 지정된 값을 검색하거나 하나 이상의 정규 표현식과 일치하는 항목을 찾습니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p id="demo">单击按钮显示matches</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="The rain in SPAIN stays mainly in the plain"; 
	var n=str.match(/ain/g);
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

로그인 후 복사

자바스크립트에서 정규식을 사용하는 방법은 무엇입니까?

JavaScript search() 메서드

search() 메서드는 문자열에서 지정된 하위 문자열을 검색하거나 정규식과 일치하는 하위 문자열을 검색하는 데 사용됩니다.

일치하는 하위 문자열이 없으면 -1을 반환합니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p id="demo">单击显示查找的位置</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="Mr. Blue has a blue house"
	var n=str.search("blue");
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

로그인 후 복사

자바스크립트에서 정규식을 사용하는 방법은 무엇입니까?