• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >正则表达式 > js正则表达式学习笔记

js正则表达式学习笔记

作者:半梦半醒。 字体:[增加 减小] 来源:互联网 时间:2017-05-11

半梦半醒。通过本文主要向大家介绍了js正则表达式学习笔记等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

正则表达式:对字符串中的信息实现查找、替换和提取操作。(不支持注释和空白,必须写在一行内)
正则表达式的创建:包含在一对斜杠之间的字符(直接量语法)
例如:

var pattern = /s$/;  // 创建一个正则来匹配所有以字母s结尾的字符串,并赋值给pattern
</div>

一 、字符类
将直接量字符单独放进方括号内就组成了字符类。
一个字符类可以匹配它所包含的任意字符。
正则表达式的字符类:
[...]      方括号内的任意字符
[^...]    不在方括号内的任意字符
.           除换行符和其他Unicode行终止符之外的任意字符
\w        任何ASCII字符组成的单词 等价于[a-zA-Z0-9]
\W        任何非ASCII字符组成的单词 等价于[^a-zA-Z0-9]
\s         任何Unicode空白符
\S        任何非Unicode空白符
\d        任何ASCII数字 等价于[0-9]
\D        任何非ASCII数字 等价于[^0-9]
[\b]      退格直接量(特例)
例如:/[a,b,c]/       表示和字母a,b,c中的任意一个都匹配
   /[\s\d]/        表示匹配任意空白字符或者数字

二、重复
用以表示指定字符重复的标记
正则表达式的重复字符语法:
{n,m}      匹配前一项至少n次,但不超过m次
{n,}     匹配前一项n次或者更多次
{n}      匹配前一项n次
?       匹配前一项0次或者1次,也就是前一项是可选的,等价于{0,1}
+         匹配前一项1次或多次,等价于{1,}
*          匹配前一项0次或多次,等价于{0,}

例如:/\d{2,4}/     匹配2~4个数字
   /\w{3}\d/    精确匹配3个单词和一个可选数字

三、选择、分组和引用
匹配程序:从左到右,如果左边的匹配项匹配了,就自动忽略右边的匹配项(即使可以产生更好的匹配)
①     |    用于分隔供选择的字符
   例如: /ab|cd|ef/      可以匹配字符串“ab”,"cd"或者“ef”
       /\d{3}|[a-z]{4}/       匹配3位数字或四个小写字母
②  ()
作用一:把单独项合成子表达式
作用二:在完整的模式中定义子模式
    当一个正则表达式成功的和目标字符串相匹配时,可以从目标字符串中抽出和圆括号中的子模式相匹配的部分。
    例如:
    /[a-z]+\d+/   检索一个或多个小写字母后边跟着一个或多个数字
    如果我们关心的是每个尾部的数字,则可以把模式的数字部分放到括号(/[a-z]+(\d)/),这样就可以从检索到的匹配中抽取数字了
作用三:允许在同一正则表达式的后部引入前面的子表达式
    实现方法:在字符\后加一位或多位数字(这个数字指定了带圆括号的子表达式在正则表达式中的位置)
    例如:\1    引用的是第一个带圆括号的子表达式
    注: 位置以参与计数的左括号位置为准;
    正则表达式不允许用双引号括起的内容中有单引号,反之亦然。
总结:
|       选择,匹配的是该字符左边的子表达式或右边的子表达式
(...)      组合,将几个项组合成一个单元
(...?)    只组合,把项组合到一个单元,但不记忆与该组相匹配的字符
\n        和第n个分组第一次匹配的字符相匹配,组是圆括号中的子表达式,组索引是从左到右的左括号数,(?: 这个形式的分组不参与索引编码
四、指定匹配的位置:
锚 :
指定匹配发生的合法位置
^    匹配字符串的开头
$    匹配字符串的结尾
\b   匹配一个单词的边界 (位于\w和\W之间的位置)
\B   匹配非单词边界的位置

五、修饰符

修饰符是放在//之外的,不会出现在两条/线之间
i 不区分大小写
g 全局匹配,找到所有匹配,而不是找到第一个之后就停止
m 多行匹配

六、 用于模式匹配的String对象的方法
方法一: search() 检索与之匹配的位置
参数:一个正则表达式
返回:第一个与之匹配的子串的起始位置,如果找不到匹配的子串,返回-1
例如:

<script>
 "javascript".search(/script/i);  //返回值为4  
</script>
</div>

注:① 如果search()的参数不是正则表达式,则会通过RegExp构造函数将他转换成正则表达式
      ② search()不支持全局检索
方法二: replace() 执行检索与替换操作
参数:第一个-->正则表达式
   第二个-->要进行替换的字符串(也可是一个函数,该函数能动态的计算替换字符串)
注:① 支持g,
    正则表达式中设置了g:所有与模式匹配的子串都将替换成第二个参数指定的字符串
      正则表达式中没设置g:只替换所匹配的第一个子串
  ② 如果第一个参数不是正则,而是一个字符串时,replace()将直接搜索这个字符串

例如:将所有不区分大小写的javascript都替换成大小写正确的JavaScript

<script>
 var str = "javascript,javascript,javascript,javaScript";
 alert(str.replace(/javascript/gi,"JavaScript"));  //JavaScript,JavaScript,JavaScript,JavaScript
</script>
</div>

方法三 : match()
参数:正则表达式
返回:由匹配结果组成的数组
支持g
实例一:

<script>
 var math = "1 plus 2 equals 3".match(/\d+/g);
 console.log(math);  // ["1", "2", "3"]
 console.log(typeof math);  //object
</script>  
</div>

实例二:

<script>
 var math = "1 plus 2 equals 3".match(/\d/);
 console.log(math);  // ["1", index: 0, input: "1 plus 2 equals 3"]
 console.log(typeof math);  //object
</script>
</div>

注意:
给字符串的math()传入一个非全局的正则表达式:
匹配情况:只检索第一个匹配
返回值:数组
    数组第一个元素:所匹配的字符串
    数组第二个元素:正则表达式中用圆括号括起来的子

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-11日常收集整理正则表达式验证大全
  • 2017-05-11一个正则的写法 php
  • 2017-05-11正则表达式之全部符号对照表
  • 2017-05-11[js]一个只删除所有font标签的正则函数
  • 2017-05-11asp.net中利用正则表达式判断一个字符串是否为数字的代码
  • 2017-05-11php利用正则表达式取出图片的URL
  • 2017-05-11常用的正则表达式集锦
  • 2017-05-11java 字符串匹配函数
  • 2017-05-11正则表达式基本语法详解
  • 2017-05-11正则中需要转义的特殊字符小结

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 代替正则——HyperScriptExpression联合开发倡议公告
    • 正确使用带有"g"标记的javascript正则表达式
    • 正则表达式与HTML5新元素
    • asp.net常用正则表达式
    • 正则表达式简介及在C++11中的简单使用教程
    • 正值表达式匹配html标签的属性值
    • JavaScript的正则也有单行模式了
    • PHP中的递归正则表达式用法分享
    • 将 html 转成 ubb代码的小脚本
    • 正则表达式详述 四

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有