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>