正则表达式里面的通配符

1.通配符:拥有特殊含义的字符。

2.\d表示数字:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>正则表达式</title>
</head>
<body>
    <script>
         let reg1 = /\d/
        //  数字第一次出现的位置
         console.log('abc9efg8wy'.search(reg1));
    </script>
</body>
</html>

3.test()是正则表达式的验证规则方法,该方法用于验证一个字符串是否满足匹配规则,满足返回true,否则返回false

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>正则表达式</title>
</head>
<body>
    <script>
         let reg1 =/\d/
         console.log('abc9efg8wy'.search(reg1));
         console.log(reg1.test('7'));
         console.log(reg1.test('b'));
        // 只要字符串中包含一个数字,就满足匹配条件
        console.log(reg1.test('a123b'));
    </script>
</body>
</html>

4.^表示以它后面的第一个字符开头,$表示以它前面的最后一个字符结尾

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>正则表达式</title>
</head>
<body>
    <script>
        // 以数字1开头,中间是数字,在以3结尾,满足条件返回true,否则返回false
         let reg2 = /^1\d3$/
        console.log(reg2.test('193'));
        console.log(reg2.test('1a3'));
    </script>
</body>
</html>

5.\D表示非数字

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>正则表达式</title>
</head>
<body>
    <script>
        // 以数字1开头,中间是不是数字,在以3结尾,满足条件返回true,否则返回false
        let reg3 = /^1\D3$/
        console.log(reg3.test('193'));
        console.log(reg3.test('1a3'));
        console.log(reg3.test('1#3'));
        console.log(reg3.test('1 3'))
    </script>
</body>
</html>

6.\w表示字母、数字、下划线

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>正则表达式</title>
</head>
<body>
    <script>
        let reg4 = /^1\w3$/
        console.log(reg4.test('153'));
        console.log(reg4.test('1w3'));
        console.log(reg4.test('1A3'));
        console.log(reg4.test('1_3'));
        console.log(reg4.test('1#3'));
    </script>
</body>
</html>

7.\W表示非字母、数字、下划线

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>正则表达式</title>
</head>
<body>
    <script>
         let reg1 = /^1\W3$/
        console.log(reg1.test('1#3'));
    </script>
</body>
</html>

8.\s表示空白字符

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>正则表达式</title>
</head>
<body>
    <script>
        let reg1 = /^1\s3$/
        console.log(reg1.test('153'));
        console.log(reg1.test('1w3'));
        console.log(reg1.test('1 3'));
        // 去掉一个字符串中的所有空格
        console.log('h e  ll   ow o   r l d'.replace(/\s/g,''));
    </script>
</body>
</html>

9.\S表示非空白字符

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>正则表达式</title>
</head>
<body>
    <script>
         let reg1 = /^1\S3$/
        console.log(reg1.test('153'));
        console.log(reg1.test('1w3'));
        console.log(reg1.test('1 3'));
    </script>
</body>
</html>

10.[xyz] 表示范围,只能是x,y,z中的任意一个字符,{n} 表示重复次数,重复前一位n次

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>正则表达式</title>
</head>
<body>
    <script>
         let reg1 = /^1[3578]\d{9}$/
        console.log(reg1.test('15912345678'));
        console.log(reg1.test('12912345678'));
    </script>
</body>
</html>

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值