hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 文章 - 前端开发 - 正文 君子好学,自强不息!

JS正则表达式的字符匹配_WEB前端开发

2020-06-10前端开发ki4网7°c
A+ A-

如何利用ps制作九宫格图片_WEB前端开发

利用ps制作九宫格图片的方法:首先打开素材图;然后利用移动工具拖动鼠标复制线条到合适的位置得到垂直的三个区域;接着重复此操作得到水平的三个区域即可。

正则表达式字符匹配

这是阅读《JavaScript正则表达式迷你书》后整理的一些笔记。

正则表达式是匹配模式,可以匹配字符,可以匹配位置。

下面主要介绍匹配字符的情况,匹配位置的情况我也正在学习中。

两种模糊匹配:

1.横向模糊匹配:一个正则可匹配的字符串的长度不是固定的。其实现方式是使用量词。比如说{m,n}是指字符最少连续出现m次,最多n次。

如/ab{2,5}c/ 表示匹配这样一个字符串:第一个字符是 “a”,接下来是 2 到 5 个字符 “b”,最后是字符 “c”。

例如:(大家可以手动试一下,想想会得到哪些结果)

var regex = /ab{2,5}c/g;
var string = "abc abbc abbbc abbbbc abbbbbc abbbbbbc";
console.log( string.match(regex) );

g是一个修饰符,它表示全局匹配,就是在string里面按顺序找到满足匹配条件的所有的字串。

2.纵向模糊匹配:一个正则可匹配的字符串具体到某一位字符,可以不是一个确定的字符,可以有多种可能。其实现方式是使用字符组

如/a[123]b/表示匹配这样一个字符串:第一个字符是a,第二个字符可以是’1’,‘2’,'3’中的任何一个,但是只能是一个。

量词(重复)

1.常见的简写形式:

(1){m,} 表示至少出现m次

(2){m} 表示出现m次

(3)? 等价于{0,1} 表示出现或者不出现

(4)+ 等价于{1,} 表示至少出现1次

(5)* 等价于{0,} 表示出现任意次,可以不出现,也可以若干次

2.贪婪匹配与惰性匹配

(1)贪婪匹配:/\d{2,5}/ 表示数字连续出现2-5次,会尽量多的匹配

var regex = /\d{2,5}/g;
var string = "123 1234 12345 123456";
console.log( string.match(regex) );
// => ["123", "1234", "12345", "12345"]

(2)惰性匹配:/\d{2,5}?/ 表示虽然2-5次都可以,但是当2个就够的时候,就不再尝试。

var regex = /\d{2,5}?/g;
var string = "123 1234 12345 123456";
console.log( string.match(regex) );
// => ["12", "12", "34", "12", "34", "12", "34", "56"]

如何用ps做一寸证件照?(具体步骤)_WEB前端开发

步骤:1、打开需要修改的图片。2、复制一个新的图层。3、选择剪裁工具,将比例设置为“295×413”,完成剪裁。4、点击快速选择工具,将图片背景全部选中。5、选择填充工具,将选区颜色设置为红色。6、按住快捷键“Ctrl+D”取消选区即可。

字符组

1.范围表示:

(1)用连字符“-”来省略简写,如[123456abcdefGHIJKLM]就可以写成[1-6a-fG-M]。

(2)注意:若匹配的字符串中有连字符时,要么放开头,要么放结尾,要么进行转义-。

2.排除字符组:如[^abc]表示某位字符可以是任何东西,但不能是a,b,c。^脱字符表示求反,也有相应的范围表示。

3.常见的简写形式:

(1)\d表示[0-9]。是一位数字

(2)\D表示[\^0-9]。除数字外的任意字符。

(3)\w表示 [0-9a-zA-Z_]。数字、大小写字母和下划线。也称单词字符

(4)\W表示[^0-9a-zA-Z_]。非单词字符

(5)\s表示[ \t\v\n\r\f]。表示空白符,包括空格、水平制表符、垂直制表符、换行符、回车符、换页符。

(6)\S表示[^ \t\v\n\r\f]。非空白字符

(7). 表示[^\n\r\u2028\u2029]。通配符,表示几乎任意字符。换行符、回车符、行分隔符和段分隔符除外。

要匹配任意字符,可以使用 [\d\D][\w\W] [^] 中任何的一个。

多选分支

一个模式可以实现横向和纵向模糊匹配,多选分支可以支持多个子模式任选其一。

具体形式:(p1|p2|p3) p1,p2,p3是子模式。

要注意下面的这个问题。

var regex = /good|goodbye/g;
var string = "goodbye";
console.log( string.match(regex) );

上面这个例子获得的结果是“good”

var regex = /goodbye|good/g;
var string = "goodbye";
console.log( string.match(regex) );

这个例子获得的是“goodbye”

我们得到这样的结论:分支结构也是惰性的,即当前面的匹配上了,后面的就不再尝试了。

推荐教程:《JS教程》

以上就是JS正则表达式的字符匹配的详细内容,更多请关注ki4网其它相关文章!

layui如何实现表格单元格合并_WEB前端开发

layui中的table模块是layui最核心的组成之一,它用于对表格进行一些列功能和动态化数据操作,本文就来为大家介绍一下layui如何实现表格单元格合并。

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
JS正则表达式的字符匹配_WEB前端开发

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>