当前位置: 首页 > news >正文

前端JavaScript入门-day08-正则表达式

(创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹)

目录

介绍

语法 

元字符 

边界符 

量词 

字符类:

修饰符


介绍

正则表达式(Regular Expression)是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象,通常用来查找、替换那些符合正则表达式的文本
正则表达式在 JavaScript中的使用场景:
例如验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文( 匹配 )    比如用户名: /^[a-z0-9_-]{3,16}$/
过滤掉页面内容中的一些敏感词( 替换 ),或从字符串中获取我们想要的特定部分( 提取 )等 

语法 

1. 定义正则表达式语法:

其中 / / 是正则表达式字面量

比如:

2.判断是否有符合规则的字符串: 

test() 方法 用来查看正则表达式与指定的字符串是否匹配

语法:
比如:
console.log(/哈/.test('哈')) // true
console.log(/哈/.test('哈哈')) // true
console.log(/哈/.test('二哈')) // true
如果正则表达式与指定的字符串匹配 ,返回true,否则false

3.检索(查找)符合规则的字符串:

exec() 方法 在一个指定字符串中执行一个搜索匹配
语法:
比如:
如果匹配成功,exec() 方法返回一个数组,否则返回null

元字符 

普通字符:
大多数的字符仅能够描述它们本身,这些字符称作普通字符,例如所有的字母和数字。
也就是说普通字符只能够匹配字符串中与它们相同的字符。
元字符(特殊字符)
是一些具有特殊含义的字符,可以极大提高了灵活性和强大的匹配功能。
比如,规定用户只能输入英文26个英文字母,普通字符的话 abcdefghijklm…..
但是换成元字符写法: [a-z]
为了方便记忆和学习,我们对众多的元字符进行了分类:
        边界符表示位置,开头和结尾,必须用什么开头,用什么结尾
        量词表示重复次数
        字符类比如 \d 表示 0~9

边界符 

正则表达式中的边界符(位置符)用来 提示字符所处的位置 ,主要有两个字符

如果 ^ 和 $ 在一起,表示必须是精确匹配。 

    console.log(/^哈/.test('哈')) // trueconsole.log(/^哈/.test('哈哈')) // trueconsole.log(/^哈/.test('二哈')) // flaseconsole.log(/^哈$/.test('哈')) // true  只有这种情况为true 否则全是falseconsole.log(/^哈$/.test('哈哈')) // falseconsole.log(/^哈$/.test('二哈')) // false

量词 

量词用来 设定某个模式出现的次数 

注意: 逗号左右两侧千万不要出现空格

    //  量词 * 类似 >=0 次console.log(/^哈$/.test('哈')) // trueconsole.log(/^哈*$/.test('')) // trueconsole.log(/^哈*$/.test('哈')) // trueconsole.log(/^哈*$/.test('哈哈')) // trueconsole.log(/^哈*$/.test('二哈很傻')) //  falseconsole.log(/^哈*$/.test('哈很傻')) //  falseconsole.log(/^哈*$/.test('哈很哈')) // falseconsole.log('------------------')//  量词 + 类似 >=1 次console.log(/^哈$/.test('哈')) // trueconsole.log(/^哈+$/.test('')) // falseconsole.log(/^哈+$/.test('哈')) // trueconsole.log(/^哈+$/.test('哈哈')) // trueconsole.log(/^哈+$/.test('二哈很傻')) //  falseconsole.log(/^哈+$/.test('哈很傻')) //  falseconsole.log(/^哈+$/.test('哈很哈')) // falseconsole.log('------------------')//  量词 ? 类似  0 || 1console.log(/^哈?$/.test('')) // trueconsole.log(/^哈?$/.test('哈')) // trueconsole.log(/^哈?$/.test('哈哈')) // trueconsole.log(/^哈?$/.test('二哈很傻')) //  falseconsole.log(/^哈?$/.test('哈很傻')) //  falseconsole.log(/^哈?$/.test('哈很哈')) // false// 量词 {n} 写几,就必须出现几次console.log(/^哈{4}$/.test('哈')) //  falseconsole.log(/^哈{4}$/.test('哈哈')) //  falseconsole.log(/^哈{4}$/.test('哈哈哈')) //  falseconsole.log(/^哈{4}$/.test('哈哈哈哈'))// trueconsole.log(/^哈{4}$/.test('哈哈哈哈哈')) //  falseconsole.log(/^哈{4}$/.test('哈哈哈哈哈哈')) //  falseconsole.log('------------------')// 量词 {n,}   >=nconsole.log(/^哈{4,}$/.test('哈'))//  falseconsole.log(/^哈{4,}$/.test('哈哈'))//  falseconsole.log(/^哈{4,}$/.test('哈哈哈'))//  falseconsole.log(/^哈{4,}$/.test('哈哈哈哈'))// trueconsole.log(/^哈{4,}$/.test('哈哈哈哈哈'))// trueconsole.log(/^哈{4,}$/.test('哈哈哈哈哈哈'))// trueconsole.log('------------------')

字符类:

[ ] 匹配字符集合
后面的字符串只要包含 abc 中任意 一个字符 ,都返回 true 。
    // 字符类   [abc]  只选1个console.log(/^[abc]$/.test('a'))  // trueconsole.log(/^[abc]$/.test('b'))  // trueconsole.log(/^[abc]$/.test('c'))  // trueconsole.log(/^[abc]$/.test('ab'))  // falseconsole.log(/^[abc]{2}$/.test('ab'))  // true

使用连字符 - 表示一个范围

比如:
     [a-z] 表示 a 到 z 26个英文字母都可以
     [a-zA-Z] 表示大小写都可以
     [0-9] 表示 0~9 的数字都可以
认识下:
    // 字符类   [a-z]  只选1个console.log(/^[A-Z]$/.test('p'))  // falseconsole.log(/^[A-Z]$/.test('P'))  // trueconsole.log(/^[0-9]$/.test(2))  // trueconsole.log(/^[a-zA-Z0-9]$/.test(2))  // trueconsole.log(/^[a-zA-Z0-9]$/.test('p'))  // trueconsole.log(/^[a-zA-Z0-9]$/.test('P'))  // true
[ ] 里面加上 ^ 取反符号
比如:
     [^a-z] 匹配除了小写字母以外的字符
     注意要写到中括号里面
. 匹配除换行符之外的任何单个字符

预定义:指的是 某些常见模式的简写方式。

修饰符

修饰符约束正则执行的某些细节行为,如是否区分大小写、是否支持多行匹配等

语法:

  i 是单词 ignore 的缩写,正则匹配时字母不区分大小写
  g 是单词 global 的缩写,匹配所有满足正则表达式的结果

替换 replace

语法:

    const str = 'java是一门编程语言, 学完JAVA工资很高'const re = str.replace(/java/ig, '前端')console.log(re)  // 前端是一门编程语言, 学完前端工资很高
http://www.lryc.cn/news/118176.html

相关文章:

  • ML类CFAR检测器在不同环境中检测性能的分析
  • element-ui 路由动态加载功能
  • (学习笔记-进程管理)进程调度
  • 十分钟python入门 正则表达式
  • 关于数据拷贝赋值方法
  • Effective Java笔记(32)谨慎并用泛型和可变参数
  • 数据结构——双向链表
  • Declare 关键字在 TypeScript 中如何正确使用?
  • ChatGPT将会成为强者的外挂?—— 提高学习能力
  • AUTOSAR规范与ECU软件开发(基础篇)1.3 车用控制器软件标准(从OSEK到AUTOSAR)
  • R语言5_安装Giotto
  • centos按用户保存历史执行命令
  • 【力扣】61. 旋转链表 <快慢指针>
  • 编写一个指令(v-focus2end)使输入框文本在聚焦时焦点在文本最后一个位置
  • Virtualbox设置访问外网以及主机和虚拟机互通
  • 请简述React是什么?React的主要特点有哪些?React中有哪些主要组件?
  • DevOps最佳实践和工具在本地环境中的概述
  • kafka和rabbitmq之间的区别以及适用场景
  • python——案例15:判断奇数还是偶数
  • springboot汽车租赁后台java出租客户管理jsp源代码mysql
  • Linux学习之sed删除、追加、插入、更改、读写文件、下一行、打印、退出和seq命令
  • JuiceFS 在多云存储架构中的应用 | 深势科技分享
  • 什么是DNS的缓存?
  • smtplib.SMTPHeloError: (500, b‘Error: bad syntax‘)
  • /proc directory in linux
  • 装饰器模式(C++)
  • matlab使用教程(12)—随机数种子和随机数流
  • 【Java】JVM GC配置指南
  • 11.Eclipse 注释模板的说明及设置
  • Maven父子工程项目的配置