简单解析JavaScript中的正则表达式(三)

本文涉及的产品
云解析 DNS,旗舰版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
全局流量管理 GTM,标准版 1个月
简介: 简单解析JavaScript中的正则表达式(三)本片博客主要来和大家讲一下正则表达式实际的应用。1.正则表达式的范围 []中括号用于查找某个范围内的字符: // [abc] 查找方括号之间的任何字符。 // [^abc] 查找任何不在方括号之间的字符。 除去 // [0-9] 查找任何从 0 至 9 的数字。 // [a-z] 查找任何从小写 a 到小写 z 的字符。 // [A-Z] 查找任何从大写 A 到大写 Z 的字符。 // [A-z] 查找任何从大写 A 到小写 z 的字符。 // [adgk] 查找给定集合内的任

简单解析JavaScript中的正则表达式(三)




本片博客主要来和大家讲一下正则表达式实际的应用。


1.正则表达式的范围 []


中括号用于查找某个范围内的字符:

// [abc]    查找方括号之间的任何字符。// [^abc]   查找任何不在方括号之间的字符。  除去// [0-9]    查找任何从 0 至 9 的数字。// [a-z]    查找任何从小写 a 到小写 z 的字符。// [A-Z]    查找任何从大写 A 到大写 Z 的字符。// [A-z]    查找任何从大写 A 到小写 z 的字符。// [adgk]   查找给定集合内的任何字符。// [^adgk]  查找给定集合外的任何字符。varreg=/abc/;
varreg2=/[abc]/;
varreg3=/[^a]/;//除console.log(reg.test(str));
console.log(reg2.test(str));
console.log(reg3.test(str2));
// (red|blue|green) 查找任何指定的选项。  或varreg3=/(a|b|c)/;
varstr3="hello a";
console.log(reg3.test(str3));   


2.正则表达时的元字符


元字符(Metacharacter)是拥有特殊含义的字符:


 

varstr="hello China";
// .    查找单个字符,除了换行和行结束符。   任意字符varreg=/[.]/;
console.log(reg.test(str));
// \w   查找单词字符。varreg2=/\w/;
varstr2="你好,中国a";
console.log(reg2.test(str2));
// \W   查找非单词字符。// \d   查找数字。// \D   查找非数字字符。// \s   查找空白字符。// \S   查找非空白字符。// \b   匹配单词边界。// \B   匹配非单词边界。// \0   查找 NULL 字符。// \n   查找换行符。// \f   查找换页符。// \r   查找回车符。// \t   查找制表符。// \v   查找垂直制表符。// \xxx 查找以八进制数 xxx 规定的字符。// \xdd 查找以十六进制数 dd 规定的字符。// \uxxxx   查找以十六进制数 xxxx 规定的 Unicode 字符。


3.正则表达式的量词



// n{X} 匹配包含 X 个 n 的序列的字符串。varreg=/a{3}/;
varstr="aaaa";
console.log(reg.test(str));
// n{X,}    X 是一个正整数。前面的模式 n 连续出现至少 X 次时匹配。varreg2=/a{3,}/;
varstr2="aaaa";
console.log(reg2.test(str2));
// n{X,Y}   X 和 Y 为正整数。前面的模式 n 连续出现至少 X 次,至多 Y 次时匹配。varreg3=/a{3,5}/;
varstr3="aaaaaaa";
console.log(reg3.test(str3));
// n+   匹配任何包含至少一个 n 的字符串。   n{1,}// n*   匹配任何包含零个或多个 n 的字符串。   n{0,}// n?   匹配任何包含零个或一个 n 的字符串。  n{0,1}// ^n   匹配任何开头为 n 的字符串。varreg5=/[^a]/;
varstr5="baaaaa";
console.log(reg5.test(str5));
varreg6=/^a/;
console.log(reg6.test(str5));
// n$    匹配任何结尾为 n 的字符串。varreg7=/a$/;
console.log(reg7.test(str5));
// 网址?   http://www.baidu.com.cnvarreg10=/^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/])+$/;
// ?=n  匹配任何其后紧接指定字符串 n 的字符串。// ?!n  匹配任何其后没有紧接指定字符串 n 的字符串。

视频讲解链接:
https://www.bilibili.com/video/BV1Ez4y197Ta/

相关文章
|
4月前
|
JavaScript 前端开发 Go
CSS 与 JS 对 DOM 解析和渲染的影响
【10月更文挑战第16天】CSS 和 JS 会在一定程度上影响 DOM 解析和渲染,了解它们之间的相互作用以及采取适当的优化措施是非常重要的。通过合理的布局和加载策略,可以提高网页的性能和用户体验,确保页面能够快速、流畅地呈现给用户。在实际开发中,要根据具体情况进行权衡和调整,以达到最佳的效果。
|
4月前
|
存储 前端开发 JavaScript
JavaScript垃圾回收机制深度解析
【10月更文挑战第21】JavaScript垃圾回收机制深度解析
143 59
|
3月前
|
JavaScript 前端开发 API
Vue.js响应式原理深度解析:从Vue 2到Vue 3的演进
Vue.js响应式原理深度解析:从Vue 2到Vue 3的演进
117 17
|
3月前
|
前端开发 JavaScript
JavaScript新纪元:ES6+特性深度解析与实战应用
【10月更文挑战第29天】本文深入解析ES6+的核心特性,包括箭头函数、模板字符串、解构赋值、Promise、模块化和类等,结合实战应用,展示如何利用这些新特性编写更加高效和优雅的代码。
83 0
|
4月前
|
JavaScript 前端开发 开发者
原型链深入解析:JavaScript中的核心机制
【10月更文挑战第13天】原型链深入解析:JavaScript中的核心机制
52 0
|
4月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
244 0
|
4月前
|
JavaScript
深入解析:JS与Vue中事件委托(事件代理)的高效实现方法
深入解析:JS与Vue中事件委托(事件代理)的高效实现方法
94 0
|
3月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
49 1
JavaScript中的原型 保姆级文章一文搞懂
|
7月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
138 2
|
3月前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
33 0

推荐镜像

更多