자바스크립트에서 정규식을 사용하는 방법은 무엇입니까?
- 青灯夜游원래의
- 2022-01-12 16:45:314383검색
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>
【관련 추천: 자바스크립트 학습 튜토리얼】
위 내용은 자바스크립트에서 정규식을 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!