js中的正则表达式

最新推荐文章于 2023-03-30 16:36:19 发布

冰雪为融

最新推荐文章于 2023-03-30 16:36:19 发布

阅读量298

点赞数

分类专栏：正则表达式文章标签： js 正则表达式重点

本文链接：https://blog.csdn.net/lhjuejiang/article/details/79444617

版权

正则表达式专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、什么是正则？

正则也叫做规则，让计算机能够读懂人类的规则（正则都是操作字符串的）

2、什么是正则表达式？

正则表达式是由一个字符序列形成的搜索模式。
当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。
正则表达式可以是一个简单的字符，或一个更复杂的模式。
正则表达式可用于所有文本搜索和文本替换的操作。

3、正则的写法

var re = /a/; 正则的简写，其中a是字符串。如果写作 var re = /'a'/;此种写法是错误的
var re = new RegExp('a'); 正则表达式的全写（除了必须要用全写的形式一般建议用简写）注意：当正则需要传参的时候一定要用全称的写法

正则中的常用转义字符

\ s : 空格	\ S : 非空格
\ d : 数字	\ D : 非数字
\w : 字符	\ W : 非字符

//在正则中，数字，字母，下划线统统都是字符

. : 代表任意字符	\ . : 代表真正的点
\ b :独立部分	\ B : 非独立的部分

正则表达式中的量词
{4,7} ：最少出现4次，最多出现7次	{4，} ：最少出现4次
{4} ：正好出现4次	+ ：至少出现1次，是{1，}的简写
？：0次或1次{0,1}	* ：至少出现0次{0，}
^ :放正则的最开始位置，就代表起始的位置	$ : 放正则的最后位置，就代表结束的意思

正则中的默认是区分大小写的，如果想要不区分大小写，在正则的最后加标识 i var re = /B/i;
正则默认：正则匹配成功就会结束，不会继续匹配，如果想要全部查找，就要加标识g（全局匹配）。
| ：在正则表达式中表示‘或’的意思
正则表达式的字符类：一组相似的字符 [ ]中括号的整体代表一个字符
```
var str = 'abc';
var re = /a[bde]/;
alert(re.test(str));// true
```
排除：^ 前面我们已经知道，如果^放在正则的最开始位置，就代表起始的位置，那么如果^放在[ ]里面的话，就代表排除的意思
```
var str = 'abc';
var re = /a[^bde]c/;
alert(re.test(str))//false 
```
范围：[a-z] : a~z 的26个字符，整体只代表一位

\ 数字：重复子项

\ 1：重复的第一个子项

\ 2:重复的第二个子项

var str = 'abca';
var re = /(a)(b)(c)\1/;
alert(re.test(str));//true

var str1 = 'c9';
var str2  'cc';
alert(/\w\w/.test(str1));//true
alert(/(\w)\1/.test(str2));//true

5、正则表达式的常用方法

test、search、mach、replace

test:正则去匹配字符串，如果匹配成功就返回真，如果匹配失败就返回假

test的写法：正则.text(字符串);

例：

var str1 = 'abcdef';
var re = /b/;
alert(re.test(str));  //true

search:正则去匹配字符串，如果匹配成功，就返回匹配成功的位置，如果匹配失败就返回-1
说明
search() 方法不执行全局匹配，它将忽略标志 g。它同时忽略 regexp 的 lastIndex 属性，并且总是从字符串的开始进行检索，这意味着它总是返回 stringObject 的第一个匹配的位置。

search的写法：字符串.search(正则);

例：

var str2 = 'abcde';
var re = /b/;
alert(str.search(re));  // 1

match:正则去匹配字符串，如果匹配成功，就返回匹配成功的数组，如果匹配不成功就返回null。
说明：这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。

match的写法：字符串.match(正则);

例：

var  str = ‘haj123sdk443nas33kdjalsd879’;
var re = /\d/g;
alert(str.match(re));   //[1,2,3,4,4,3,3,3,8,7,9]

例：

 var re = /\d\d/g;
 alert(str.match(re)); // [12,44,33,87];

replace:正则去匹配字符串，匹配成功的字符去替换成新的字符串，replace的第二个参数可以是字符串，也可以是一个回调函数。

replace的写法：字符串.replace(正则,新的字符串); 或者为：字符串.replace(正则,回调函数);

例：

       var str = 'aaa';
       var re = /a/;
       str = str.replace(re,'b');
       alert(str);  //baa

第一个参数是正则，第二个参数是带$符的字符串

var str3 = '这是一段原始文本,"3c这要替换4d"!';
var newStr = str3.replace( /([0-9])([a-z])/g,"$1" );
console.log( newStr );    //输出：    这是一段原始文本,"3这要替换4"!';

注：此例子为引用点击打开链接

上面的例子是当replace的第二个参数是字符串时，相对来说是比较简单的，那么接下来我们就一起看看当replace的第二个参数是回调函数时的情况。那么在写之前我们先来了解一下正则中的匹配子项

正则中的匹配子项

匹配子项：小括号（）。小括号还有另外一个意思，即分组操作

把正则中的整体叫做‘母亲’，然后把左边第一个小括号里面的正则叫第一个子项（母亲的第一个孩子），第二个小括号就是第二个子项，以此类推

注：下面的两个例子为引用点击打开链接

例：1）、回调函数只有一个参数的时候，则函数的参数为匹配的正则的整体

var str4 = '这是一段原始文本，需要替换的内容"aa这要bbb替换ccccc"！';
var newStr = str4.replace( /[a-z]+/g,function ($0){
    var str = '';
    for (var i = 0; i < $0.length; i++) {
        str += '*';
    };
    return str;
} );
console.log( newStr );    //这是一段原始文本，需要替换的内容"**这要***替换*****"！

2）、回调函数有多个参数的时候，且看如下例题

var str5 = '这是一段原始文本，需要替换的内容"3c这要替换4d"！';
var newStr = str5.replace( /([0-9])([a-z])/g,function (arg1,arg2,arg3,arg4,arg5){
 console.log( arg1 );
  console.log( arg2 );
  console.log( arg3 );
  console.log( arg4 );
  console.log( arg5 );
} );
//输出：
3c
3
c
17
这是一段原始文本，需要替换的内容"3c这要替换4d"！
4d
4
d
23
这是一段原始文本，需要替换的内容"3c这要替换4d"！

上面的例子第一个参数arg1表示匹配的整体，arg2表示第一个子表达式，arg3表示第二个子表达式，接下来的参数arg4是一个整数，声明了表示子匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。

以上就是我对正则表达式知识的整理，具体实例也在整理中