웹 프론트엔드 JS 튜토리얼 일반적으로 사용되는 정규 표현식의 예를 공유하세요.

일반적으로 사용되는 정규 표현식의 예를 공유하세요.

Jun 28, 2017 am 10:59 AM
흔한 요약 표현

일반적으로 사용되는 정규식 요약

정규식, 정규식 및 관례식이라고도 합니다. (영어: 정규식, 코드에서 regex, regexp 또는 RE로 축약되는 경우가 많음)은 컴퓨터 과학의 개념입니다. 정규식은 단일 문자열을 사용하여 특정 구문 규칙과 일치하는 일련의 단어를 설명하고 일치시킵니다. 많은 텍스트 편집기에서는 특정 패턴과 일치하는 텍스트를 검색하고 바꾸는 데 정규식을 사용하는 경우가 많습니다.

정규표현식, 저처럼 여러 번 배웠는데도 헷갈리는 분이 계실까요. 배울 때는 항상 이해가 되지만, 배우고 나면 다 잊어버리는 사람이 있을까요? 사실, 저는 아직 연습이 부족했습니다. 소위 과거에 대한 복습과 새로운 것을 배우는 것이 선생님이 될 수 있습니다. 오늘은 이 자랑스러운 정규식을 복습해 보겠습니다.

왜 정규 표현식이 필요한가요? 사실은 컴퓨터가 멍청하기 때문이다(내가 말한 것은 아니다). 예를 들어 123456@qq.com이라고 하면 우리가 보면 이메일 주소인데 컴퓨터가 인식하지 못하기 때문에 우리는 이렇게 한다. 컴퓨터가 이해하는 일부 언어를 사용하여 규칙을 공식화하고 알려주는 것입니다. 이 규칙을 준수하는 것이 사서함이므로 컴퓨터는 해당 항목을 찾는 데 도움을 줄 수 있습니다. 따라서 일반 규칙은 로그인 확인, 지정된 항목 검색 등과 같이 필요한 일부 작업을 완료하기 위한 규칙을 설정하는 데 사용됩니다. 너무 많이 말하는 것은 중복되므로 주제로 바로 이동하겠습니다.

규칙성 정의:


1 var re = new RegExp("a") //RegExp 개체. 매개변수는 우리가 만들고 싶은 규칙입니다. 이 방법을 사용해야 하는 상황이 있는데, 이에 대해서는 아래에서 언급하겠습니다.

2 var re = /a/; // 더 나은 성능을 위해 약어를 사용하는 것이 좋습니다. 비워 둘 수 없으며 주석으로 간주됩니다.

일반적으로 사용되는 방법입니다. test(): 문자열에서 일치 항목 찾기 일반 콘텐츠가 있으면 true를 반환하고 그렇지 않으면 false를 반환합니다.

사용법: Regular.test(문자열)

예: 숫자인지 확인

var str = '374829348791';


var re = /D/; // D는 숫자가 아닌 것을 나타냅니다.

if( re.test(str) ){ // 문자열에서 숫자가 아닌 것이 발견되었음을 의미하는 true를 반환합니다. .

alert('모든 숫자가 아님');

}else{

alert('모든 숫자');

}

정규식에는 다양한 의미를 나타내는 많은 기호가 있습니다. 위의 D와 다음과 같은 다양한 규칙을 정의할 수 있습니다.

s: 공백

S: 공백이 아님

d: 숫자

D: 숫자가 아님

w: 문자(문자, 숫자, underscore_ )

W: 비문자 예: 숫자가 아닌 문자도 있나요? (다음은 예를 바탕으로 일반적으로 사용되는 몇 가지 문자에 대해 설명하고 마지막으로 요약합니다.)

2 search(): 문자열에서 검색 정규 규칙을 따르는 내용에 대해서는 그것이 나타나는 위치를 반환합니다. (0부터 시작하며, 두 개 이상의 문자가 일치하면 첫 번째 문자의 위치만 반환됩니다.), 검색에 실패하면 -1이 반환됩니다.

사용법: 문자 String.search(regular)

문자열에서 복합 정규식의 내용을 찾습니다. 대소문자 무시: i——ignore(regular는 기본적으로 대소문자를 구분합니다. 대소문자를 구분하지 않으면 일반 뒤에 i를 추가합니다.)

예: 문자열에서 문자 b를 찾으면 대소문자가 아닙니다. -sensitive

var str = 'abcdef';

var re = /B/i;

//var re = new RegExp('B','i');

alert( str .search(re) ); // 1

3 match()는 문자열에서 복합 규칙의 내용을 검색합니다. 검색에 성공하면 다음 형식의 내용이 반환됩니다. 실패하면 null을 반환합니다.

사용법: String.match(일반)

정량자: + 불확실한 횟수만큼 적어도 하나의 일치가 발생합니다(일치란 검색을 의미함)

전역 일치: g——전역(합성어가 다음인 경우 일반에서 기본값) searched 규칙 내용에 따라 검색이 종료됩니다)

예: 지정된 형식의 모든 숫자를 찾으면 다음과 같이 123, 54, 33, 879를 찾습니다

var str = 'haj123sdk54hask33dkhalsd879';

var re = /d+/ g; // 매번 적어도 하나의 숫자를 일치시키고 전역적으로 일치하지 않으면 숫자 123을 찾으면 중지됩니다. 글로벌 매칭으로 처음부터 끝까지 규칙에 맞는 것만 검색하면 123개만 나옵니다. 더하기 기호가 없으면 일치하는 결과는 1, 2, 3, 5, 4, 3, 3, 879입니다. 이는 우리가 원하는 것이 아닙니다. 더하기 기호를 사용하면 매번 일치하는 숫자가 하나 이상 있게 됩니다.

alert( str.match(re) ); // [123, 54, 33, 879]


4 replacement(): 일반 패턴과 일치하는 문자열을 찾아 교체합니다. 해당 문자열 문자열로. 대체된 콘텐츠를 반환합니다.

사용법: String.replace(일반, 새 문자열/콜백 함수)(콜백 함수에서 첫 번째 매개변수는 매번 성공적으로 일치하는 문자를 나타냄)

|: 또는을 의미합니다.

例子:敏感词过滤,比如 我爱北京天安门,天安门上太阳升。------我爱*****,****上太阳升。即北京和天安门变成*号,

一开始我们可能会想到这样的方法:


var str = "我爱北京天安门,天安门上太阳升。";

var re = /北京|天安门/g; // 找到北京 或者天安门 全局匹配

var str2 = str.replace(re,'*');

alert(str2) //我爱**,*上太阳升

//这种只是把找到的变成了一个*,并不能几个字就对应几个*。

   

要想实现几个字对应几个*,我们可以用回调函数实现:


var str = "我爱北京天安门,天安门上太阳升。";

var re = /北京|天安门/g; // 找到北京 或者天安门 全局匹配

var str2 = str.replace(re,function(str){

alert(str); //用来测试:函数的第一个参数代表每次搜索到的符合正则的字符,所以第一次str指的是北京 第二次str是天安门 第三次str是天安门

var result = '';

for(var i=0;i

result += '*';

}

return result; //所以搜索到了几个字就返回几个*

});

alert(str2) //我爱*****,***上太阳升

//整个过程就是,找到北京,替换成了两个*,找到天安门替换成了3个*,找到天安门替换成3个*。

replace是一个很有用的方法,经常会用到。

正则中的字符

():,小括号,叫做分组符。就相当于数学里面的括号。如下:


var str = '2013-6-7';

var re1 = /\d-+/g; // 全局匹配数字,横杠,横杠数量至少为1,匹配结果为: 3- 6-

var re1 = /(\d-)+/g; // 全局匹配数字,横杠,数字和横杠整体数量至少为1 3-6-

var re2 = /(\d+)(-)/g; // 全局匹配至少一个数字,匹配一个横杠 匹配结果:2013- 6-

同时,正则中的每一个带小括号的项,都叫做这个正则的子项。子项在某些时候非常的有用,比如我们来看一个栗子。

例子:让2013-6-7 变成 2013.6.7


var str = '2013-6-7';

var re = /(\d+)(-)/g;

str = str.replace(re,function($0,$1,$2){

//replace()中如果有子项, //第一个参数:$0(匹配成功后的整体结果 2013- 6-),

// 第二个参数 : $1(匹配成功的第一个分组,这里指的是\d 2013, 6)

//第三个参数 : $1(匹配成功的第二个分组,这里指的是- - - )

return $1 + '.'; //分别返回2013. 6.

});

alert( str ); //2013.6.7

//整个过程就是利用子项把2013- 6- 分别替换成了2013. 6. 最终弹出2013.6.7

match方法也会返回自己的子项,如下:


var str = 'abc';

var re = /(a)(b)(c)/;

alert( str.match(re) ); //[abc,a,b,c]( 返回的是匹配结果 以及每个子项 当match不加g的时候才可以获取到子项的集合)

[] : 表示某个集合中的任意一个,比如 [abc] 整体代表一个字符 匹配 a b c 中的任意一个,也可以是范围,[0-9] 范围必须从小到大 。

[^a] 整体代表一个字符 :^写在[]里面的话,就代表排除的意思

例子:匹配HTML标签 比如

hahahah
找出标签

var re = /<[^>]+>/g; // 왼쪽 대괄호 사이에 오른쪽이 아닌 대괄호 내용을 하나 이상 일치시킵니다(태그에 속성 및 기타 사항이 있으므로). 오른쪽 대괄호와 일치 var re = /<[wW]+>/g; // 왼쪽 대괄호 중간에 있는 문자 또는 문자가 아닌 내용을 하나 이상 일치시킨 다음 오른쪽 대괄호와 일치 // 실제로는 왼쪽 괄호를 찾는 것이고, 중간에 적어도 하나의 내용이 있을 수 있습니다. 항상 오른쪽 괄호를 찾으면 레이블을 의미합니다. : 모든 문자

. : 실제 점

b : 독립된 부분(시작, 끝, 공백)

B : 비독립적인 부분

마지막 두 개를 살펴보겠습니다.

var str = 'onetwo';

var str2 = "one two";

var re = /oneb/; // e는 그 뒤에 독립적이어야 하며 시작, 공백 또는 끝이 될 수 있습니다

alert( re. test (str) ); //false

alert( re.test(str2) );//true


예: 클래스 이름을 사용하여 노드를 가져오는 함수를 작성하세요.

우리는 본 적이 있을 것입니다. 이 기능 전 기능 :

Function getByClass (부모, className) {

IF (parent.getElementsByClassName) {

return parent.getElementsByClassName (className);


} {

var results = new Array ();//class box

var elems = parent.getElementsByTagName("*");

for(var i =0;i

if(elems[i].className==classname){

results.push(elems[i]);

}

}

return results;

}

}

사실 예를 들어 태그에 두 개의 클래스가 있거나,

,
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Linux 시스템에서 system() 함수의 사용법을 요약합니다. Linux 시스템에서 system() 함수의 사용법을 요약합니다. Feb 23, 2024 pm 06:45 PM

Linux에서의 system() 함수 요약 Linux 시스템에서 system() 함수는 명령줄 명령을 실행하는 데 사용할 수 있는 매우 일반적으로 사용되는 함수입니다. 이 기사에서는 system() 함수를 자세히 소개하고 몇 가지 구체적인 코드 예제를 제공합니다. 1. system() 함수의 기본 사용법은 다음과 같습니다. intsystem(constchar*command) 여기서 명령 매개변수는 문자입니다.

PHP 프로그래밍의 일반적인 템플릿 엔진은 무엇입니까? PHP 프로그래밍의 일반적인 템플릿 엔진은 무엇입니까? Jun 12, 2023 am 09:50 AM

최근 몇 년 동안 PHP 프로그래밍의 템플릿 엔진은 PHP 개발의 중요한 부분이 되어 프로그래머가 페이지를 보다 쉽게 ​​개발하고 관리할 수 있게 되었습니다. 이 기사에서는 PHP 프로그래밍의 일반적인 템플릿 엔진을 소개합니다. SmartySmarty는 일반적으로 사용되는 PHP 템플릿 엔진으로 캐시된 템플릿, 플러그인 모듈 및 사용자 정의 기능과 같은 일련의 기능을 지원합니다. Smarty의 구문은 매우 유연하며 PHP 변수를 HTML 태그와 결합하는 문제를 해결하여 PHP 언어를 템플릿 디자인에 더 적합하게 만듭니다. 게다가 S

H5 개발에서 위치 속성의 일반적인 적용 시나리오 H5 개발에서 위치 속성의 일반적인 적용 시나리오 Dec 27, 2023 am 10:08 AM

H5 개발에서 위치 속성의 일반적인 적용 시나리오에는 특정 코드 예제가 필요합니다. H5 개발에서는 CSS의 위치 속성이 웹 페이지의 요소 위치를 제어합니다. 위치 속성을 적절하게 적용하면 페이지 레이아웃의 유연성과 아름다움을 얻을 수 있습니다. 이 기사에서는 위치 속성의 일반적인 애플리케이션 시나리오를 소개하고 특정 코드 예제를 통해 이를 설명합니다. 정적(정적 위치 지정): 위치 속성의 기본값은 st입니다.

Python 표현식 구문 오류를 해결하는 방법은 무엇입니까? Python 표현식 구문 오류를 해결하는 방법은 무엇입니까? Jun 24, 2023 pm 05:04 PM

고급 프로그래밍 언어인 Python은 배우고 사용하기 쉽습니다. Python 프로그램을 작성해야 하면 필연적으로 구문 오류가 발생하며 표현식 구문 오류는 흔한 오류입니다. 이 기사에서는 Python에서 표현식 구문 오류를 해결하는 방법에 대해 설명합니다. 표현식 구문 오류는 Python에서 가장 일반적인 오류 중 하나이며 일반적으로 구문을 잘못 사용하거나 필요한 구성 요소가 누락되어 발생합니다. Python에서 표현식은 일반적으로 숫자, 문자열, 변수 및 연산자로 구성됩니다. 가장 흔한

일반적인 Ajax 컨트롤은 무엇입니까? 해당 기능에 대해 자세히 알아보십시오. 일반적인 Ajax 컨트롤은 무엇입니까? 해당 기능에 대해 자세히 알아보십시오. Jan 17, 2024 am 11:11 AM

Ajax 컨트롤에 대한 심층적인 이해: 일반적인 컨트롤은 무엇입니까? 소개: 현대 웹 개발에서 Ajax(비동기 JavaScript 및 XML)는 웹 페이지의 부분 새로 고침을 실현하고 사용자 경험을 향상시킬 수 있는 인기 있는 기술이 되었습니다. 개발 중에는 일반적으로 Ajax 컨트롤을 사용하여 개발 프로세스를 단순화하고 속도를 높입니다. 이 기사에서는 Ajax 컨트롤을 심층적으로 살펴보고 몇 가지 일반적인 컨트롤과 해당 기능을 소개합니다. 1. jQueryAjax: jQueryA

PHP 프로그래밍에서 일반적인 슈퍼 전역 변수는 무엇입니까? PHP 프로그래밍에서 일반적인 슈퍼 전역 변수는 무엇입니까? Jun 12, 2023 am 09:31 AM

슈퍼 전역 변수는 PHP에서 매우 중요한 개념으로, 변수를 전달하기 위해 함수나 다른 방법을 사용하지 않고도 프로그램 내 어디에서나 변수 값에 액세스할 수 있습니다. 이 기사에서는 PHP 프로그래밍에서 일반적으로 사용되는 몇 가지 슈퍼 전역 변수에 대해 설명합니다. $_GET$_GET는 HTML 양식으로 제출된 데이터를 수집하는 데 사용되는 슈퍼 전역 변수 중 하나입니다. $_GET을 통해 지정된 URL에서 쿼리 문자열 매개변수를 얻을 수 있습니다. 이러한 매개변수는 페이지의 데이터 필터링 또는 데이터 쿼리와 같은 작업에 사용할 수 있습니다. 예를 들어,

C 및 C++에서 쉼표는 표현식이나 명령문을 구분하는 데 사용됩니다. C 및 C++에서 쉼표는 표현식이나 명령문을 구분하는 데 사용됩니다. Sep 09, 2023 pm 05:33 PM

C 또는 C++에서 쉼표 ","는 다른 용도로 사용됩니다. 여기서 우리는 그것들을 사용하는 방법을 배울 것입니다. 연산자로서의 쉼표. 쉼표 연산자는 첫 번째 피연산자를 평가하고 결과를 버린 다음 두 번째 피연산자를 평가하고 값을 반환하는 이항 연산자입니다. 쉼표 연산자는 C 또는 C++에서 우선순위가 가장 낮습니다. 예 #include<stdio.h>intmain(){ intx=(50,60); inty=(func1(),func2());} 여기서 60은 x에 할당됩니다. 다음 명령문에서는 func1(이 먼저 실행됩니다.

Git 워크플로 관리 경험 요약 Git 워크플로 관리 경험 요약 Nov 03, 2023 pm 06:45 PM

Git 워크플로우 관리 경험 요약 소개: 소프트웨어 개발에서 버전 관리는 매우 중요한 연결 고리입니다. 현재 가장 널리 사용되는 버전 관리 도구 중 하나인 Git의 강력한 브랜치 관리 기능은 팀 협업을 더욱 효율적이고 유연하게 만듭니다. 이 문서에서는 Git 워크플로 관리 경험을 요약하고 공유합니다. 1. Git 워크플로 소개 Git은 다양한 워크플로를 지원하며, 팀의 실제 상황에 따라 적절한 워크플로를 선택할 수 있습니다. 일반적인 Git 워크플로에는 중앙 집중식 워크플로, 기능 분기 워크플로, GitF가 포함됩니다.

See all articles