JavaScript-笔记11

fud1mo

已于 2022-03-22 21:41:15 修改

阅读量218

点赞数

文章标签： javascript 正则表达式前端

于 2022-01-15 19:46:37 首次发布

本文链接：https://blog.csdn.net/wsssq_/article/details/122510530

版权

一、正则表达式

正则表达式用于定义一些字符串的规则，计算机可以根据正则表达式，来检查一个字符串是否复核规则，或者将字符串中符合规则的内容提取出来

创建正则表达式对象

语法：

var 变量 = new RegExp("正则表达式", "匹配模式");

匹配模式：

i 表示忽略大小写

g 表示全局匹配模式（查找所有匹配而非在找到第一个匹配后停止）

gi 或 ig 表示进行全局且大小写不敏感的搜索

*可以为一个正则表达式设置多个匹配模式，且顺序无所谓

使用 typeof 检查正则对象，会返回 object

var reg = new RegExp("a"); 这个正则表达式可以用来检查一个字符串是否含有 a（区分大小写）

正则表达式的方法：

test()

使用这个方法可以用来检查一个字符串是否符合正则表达式的规则，如果符合则返回true，否则返回false

使用字面量来创建正则表达式

语法：

var 变量 = /正则表达式/匹配模式

 var reg = /a/i;

使用字面量的方式创建更加简单，使用构造函数创建更加灵活

使用 | 表示“或”， [] 里的内容也是“或”的关系，[ab] == a|b

[a-z] 表示任意小写字母，[A-Z] 表示任意大写字母，[A-z] 表示任意字母

[^ab] 表示除了a、b以外的任意字符

[0-9] 表示任意数字，[^0-9] 表示除了数字

var reg = /a|b|c/i;

var reg = /[abc]/i;

var reg = /[a-z]/;

var reg = /[A-Z]/i; //任意字母

var reg = /[A-z]/; //任意字母

var reg = /a[bde]c/; //表示abc或adc或aec

二、支持正则表达式的 String 对象的方法

split()

将字符串分割为字符串数组，方法中可以传递一个正则表达式作为参数，根据正则表达式拆分字符串

该方法即使不指定全局匹配，也会全都拆分

根据任意字母拆分字符串：

        var str = "1a2b3c4d5e6f7g8";
        var result = str.split(/[A-z]/);
        console.log(result);

search()

检索与正则表达式相匹配的值

该方法只会查找第一个，即使设置全局匹配也没用

如果搜索到指定内容，则会返回第一次出现的索引，如果没有则返回-1

        var str = "hello abc hello abc";
        var result = str.search("abc");
        console.log(result);

可以接收一个正则表达式作为参数，根据正则表达式检索字符串

        var str = "hello abc hello aec afc";
        var result = str.search(/a[bef]c/);
        console.log(result);

match()

可以根据正则表达式，从一个字符串中将符合条件的内容提取出来

默认情况下，match找到第一个符合要求的内容后就会停止检索，我们可以设置正则表达式为全局匹配模式 g，这样就会匹配到所有的内容

        var str = "1a2b3c4d5e6f7g8A9B10";
        var result = str.match(/[a-z]/ig);
        console.log(result);

match() 会将匹配到的内容封装到一个数组中返回，即使只查询到一个结果

replace()

将字符串中指定的内容替换为新内容（默认只会替换第一个）

参数：

1.被替换的内容，可以接收一个正则表达式作为参数

2.新的内容

        var str = "1a2b3c4d5e6f7g8A9B10";
        var result = str.replace(/[a-z]/gi, ""); //用空串替换，删除字母
        console.log(result);

三、正则表达式语法

量词通过量词可以设置一个内容出现的次数（量词只对它前面的一个内容起作用）

{n} 正好出现 n 次

{m,n} 出现 m~n 次

{m,} 出现 m 次及以上

+ 至少1个，相当于 {1,}

* 0个或多个，相当于 {0,}

? 0个或1个，相当于 {0,1}

        var reg = /a{3}/; //aaa
        reg = /(ab){3}/; //ababab
        reg = /ab{3}/; //abbb
        reg = /ab{1,3}c/; //abc或abbc或abbbc
        reg = /ab{3,}c/; //abc,其中b出现3次及以上
        reg = /ab+c/; //至少1个b
        reg = /ab*c/; //0个或多个b
        reg = /ab?c/; //0个或1个b
        console.log(reg.test("ac"));

^ 表示开头

$ 表示结尾

如果在正则表达式中同时使用 ^ &，则要求字符串必须完全符合正则表达式

        reg = /^a/; //以a开头
        reg = /a$/; //以a结尾
        reg = /^a$/; //a既是开头也是结尾，即只能是"a"
        reg = /^a|a$/; //以a开头或以a结尾
        console.log(reg.test("abac"));

. 表示任意的单个字符，除了换行和行结束符

在正则表达式中使用 \ 作为转义字符

\. 表示 .

\\ 表示 \

注意：使用构造函数时，由于参数是一个字符串，而 \ 也是字符串的转义字符，如果要使用 \ 则需要使用 \\ 来代替

        var reg = /\./;
        var reg = new RegExp("\\."); //同上
        var reg = /\\/;
        var reg = new RegExp("\\\\"); //同上
        console.log(reg.test("a\\b")); //字符串中\也是转义字符

\w 表示任意字母、数字、下划线_，相当于 [A-z0-9_]

\W 表示除了字母、数字、下划线_，相当于 [^A-z0-9_]

\d 表示任意的数字，相当于 [0-9]

\D 表示除了数字，相当于 [^0-9]

\s 表示空格

\S 表示除了空格

\b 表示单词边界

\B 表示除了单词边界

        //检查一个字符串中是否含有单词child
        var reg = /\bchild\b/;
        console.log(reg.test("hello child ren"));

        var str = "         he   llo       ";
        //去除字符串中的空格
        str = str.replace(/^\s*|\s*$/g, ""); //去除开头和结尾的空格，/^\s+|\s+$/g 也可
        console.log(str);