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

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

零下一度
零下一度원래의
2017-06-28 10:59:271100검색

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

정규식, 정규식 및 관례식이라고도 합니다. (영어: 정규식, 코드에서 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으로 문의하세요.