资讯专栏INFORMATION COLUMN

【JavaScript】正则表达式

894974231 / 1565人阅读

摘要:对象对象对象表示正则表达式,它是对字符串执行模式匹配的强大工具。查找以十六进制数规定的字符。支持正则表达式的对象的方法方法描述检索与正则表达式相匹配的值。替换与正则表达式匹配的子串。

RegExp对象 RegExp 对象

RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。

直接量语法

</>复制代码

  1. /pattern/attributes
创建 RegExp 对象的语法

</>复制代码

  1. new RegExp(pattern, attributes);
参数

</>复制代码

  1. 参数 pattern 是一个字符串,指定了正则表达式的模式或其他正则表达式。
  2. 参数 attributes 是一个可选的字符串,包含属性 "g""i""m",分别用于指定全局匹配、区分大小写的匹配和多行匹配。ECMAScript 标准化之前,不支持 m 属性。如果 pattern 是正则表达式,而不是字符串,则必须省略该参数。
返回值

一个新的 RegExp 对象,具有指定的模式和标志。如果参数 pattern 是正则表达式而不是字符串,那么 RegExp() 构造函数将用与指定的 RegExp 相同的模式和标志创建一个新的 RegExp 对象。

如果不用 new 运算符,而将 RegExp() 作为函数调用,那么它的行为与用 new 运算符调用时一样,只是当 pattern 是正则表达式时,它只返回 pattern,而不再创建一个新的 RegExp 对象。

抛出

</>复制代码

  1. SyntaxError - 如果 pattern 不是合法的正则表达式,或 attributes 含有 "g""i""m" 之外的字符,抛出该异常。
  2. TypeError - 如果 pattern 是 RegExp 对象,但没有省略 attributes 参数,抛出该异常。
修饰符

</>复制代码

  1. 修饰符 描述
  2. i 执行对大小写不敏感的匹配。
  3. g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
  4. m 执行多行匹配。
方括号

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

</>复制代码

  1. 表达式 描述
  2. [abc] 查找方括号之间的任何字符。
  3. [^abc] 查找任何不在方括号之间的字符。
  4. [0-9] 查找任何从 09 的数字。
  5. [a-z] 查找任何从小写 a 到小写 z 的字符。
  6. [A-Z] 查找任何从大写 A 到大写 Z 的字符。
  7. [A-z] 查找任何从大写 A 到小写 z 的字符。
  8. [adgk] 查找给定集合内的任何字符。
  9. [^adgk] 查找给定集合外的任何字符。
  10. (red|blue|green) 查找任何指定的选项。
元字符

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

</>复制代码

  1. 元字符 描述
  2. . 查找单个字符,除了换行和行结束符。
  3. w 查找单词字符。
  4. W 查找非单词字符。
  5. d 查找数字。
  6. D 查找非数字字符。
  7. s 查找空白字符。
  8. S 查找非空白字符。
  9.  匹配单词边界。
  10. B 匹配非单词边界。
  11. 查找 NUL 字符。
  12. 查找换行符。
  13. f 查找换页符。
  14. 查找回车符。
  15. 查找制表符。
  16. v 查找垂直制表符。
  17. xxx 查找以八进制数 xxx 规定的字符。
  18. xdd 查找以十六进制数 dd 规定的字符。
  19. uxxxx 查找以十六进制数 xxxx 规定的 Unicode 字符。
量词

</>复制代码

  1. 量词 描述
  2. n+ 匹配任何包含至少一个 n 的字符串。
  3. n* 匹配任何包含零个或多个 n 的字符串。
  4. n? 匹配任何包含零个或一个 n 的字符串。
  5. n{X} 匹配包含 X 个 n 的序列的字符串。
  6. n{X,Y} 匹配包含 X 至 Y 个 n 的序列的字符串。
  7. n{X,} 匹配包含至少 X 个 n 的序列的字符串。
  8. n$ 匹配任何结尾为 n 的字符串。
  9. ^n 匹配任何开头为 n 的字符串。
  10. ?=n 匹配任何其后紧接指定字符串 n 的字符串。
  11. ?!n 匹配任何其后没有紧接指定字符串 n 的字符串。
RegExp 对象属性

</>复制代码

  1. 属性 描述 FF IE
  2. global RegExp 对象是否具有标志 g。 1 4
  3. ignoreCase RegExp 对象是否具有标志 i。 1 4
  4. lastIndex 一个整数,标示开始下一次匹配的字符位置。 1 4
  5. multiline RegExp 对象是否具有标志 m。 1 4
  6. source 正则表达式的源文本。 1 4
RegExp 对象方法

</>复制代码

  1. 方法 描述 FF IE
  2. compile 编译正则表达式。 1 4
  3. exec 检索字符串中指定的值。返回找到的值,并确定其位置。 1 4
  4. test 检索字符串中指定的值。返回 truefalse。 1 4
支持正则表达式的 String 对象的方法

</>复制代码

  1. 方法 描述 FF IE
  2. search 检索与正则表达式相匹配的值。 1 4
  3. match 找到一个或多个正则表达式的匹配。 1 4
  4. replace 替换与正则表达式匹配的子串。 1 4
  5. split 把字符串分割为字符串数组。 1 4
实例 js去除字符串空格(空白符)

( 1 ) replace正则匹配方法

  去除字符串内所有的空格:str = str.replace(/s*/g,"");

  去除字符串内两头的空格:str = str.replace(/^s|s$/g,"");

  去除字符串内左侧的空格:str = str.replace(/^s*/,"");

  去除字符串内右侧的空格:str = str.replace(/(s*$)/g,"");

示例:

</>复制代码

  1. var str = " 6 6 ";
  2. var str_1 = str.replace(/s*/g,"");
  3. console.log(str_1); //66
  4. var str = " 6 6 ";
  5. var str_1 = str.replace(/^s*|s*$/g,"");
  6. console.log(str_1); //6 6//输出左右侧均无空格
  7. var str = " 6 6 ";
  8. var str_1 = str.replace(/^s*/,"");
  9. console.log(str_1); //6 6 //输出右侧有空格左侧无空格
  10. var str = " 6 6 ";
  11. var str_1 = str.replace(/(s*$)/g,"");
  12. console.log(str_1); // 6 6//输出左侧有空格右侧无空格

( 2 ) str.trim()方法

  trim()方法是用来删除字符串两端的空白字符并返回,trim方法并不影响原来的字符串本身,它返回的是一个新的字符串。

  缺陷:只能去除字符串两端的空格,不能去除中间的空格

示例:

</>复制代码

  1. var str = " 6 6 ";
  2. var str_1 = str.trim();
  3. console.log(str_1); //6 6//输出左右侧均无空格
  4. 多带带去除左侧空格则使用 str.trimLeft(); //var str_1 = str.trimLeft();
  5. 多带带去除右侧空格则使用 str.trimRight();//var str_1 = str.trimRight();

( 3 ) JQ方法:$.trim(str)方法

</>复制代码

  1. $.trim() 函数用于去除字符串两端的空白字符。

  注意:$.trim()函数会移除字符串开始和末尾处的所有换行符,空格(包括连续的空格)和制表符。如果这些空白字符在字符串中间时,它们将被保留,不会被移除。

  示例:

</>复制代码

  1. var str = " 6 6 ";
  2. var str_1 = $.trim(str);
  3. console.log(str_1); //6 6//输出左右侧均无空格

replace()方法
RegExp廖雪峰

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/97485.html

相关文章

  • 正则达式

    摘要:本文内容共正则表达式火拼系列正则表达式回溯法原理学习正则表达式,是需要懂点儿匹配原理的。正则表达式迷你书问世了让帮你生成和解析参数字符串最全正则表达式总结验证号手机号中文邮编身份证地址等是正则表达式的缩写,作用是对字符串执行模式匹配。 JS 的正则表达式 正则表达式 一种几乎可以在所有的程序设计语言里和所有的计算机平台上使用的文字处理工具。它可以用来查找特定的信息(搜索),也可以用来查...

    bang590 评论0 收藏0
  • JavaScript正则达式的匹配模式

    摘要:选择分组和引用正则表达式的语法还包括指定选择项子表达式分组和引用前一子表达式的特殊字符。带圆括号的表达式的另一个用途是允许在同一正则表达式的后部引用前面的子表达式。 正则表达式(regular expression)是一个描述字符模式的对象。JavaScript的 RegExp类 表示正则表达式,String和RegExp都定义了方法,后者使用正则表达式进 行强大的模式匹配和文本检索与...

    wqj97 评论0 收藏0
  • JS正则达式入门,看这篇就够了

    摘要:如果遇到非常的复杂的匹配,正则表达式的优势就更加明显了。关于正则表达式书写规则,可查看,上面说的很清楚了,我就不贴出来了。替换与正则表达式匹配的子串,并返回替换后的字符串。结语正则表达式并不难,懂了其中的套路之后,一切都变得简单了。 前言 在正文开始前,先说说正则表达式是什么,为什么要用正则表达式?正则表达式在我个人看来就是一个浏览器可以识别的规则,有了这个规则,浏览器就可以帮我们判断...

    wenzi 评论0 收藏0
  • JavaScript 中的正则达式

    摘要:正则表达式的意义中的正则表达式使用表示,可以使用构造函数来创建对象,不过对象更多的是通过一种特殊的直接量语法来创建。用构造函数也可以定义一个与之等价的正则表达式,代码如下正则表达式的模式规则是由一个字符序列组成的。 正则表达式的模式匹配 正则表达式(regular expression)是一个描述字符模式的对象。javascript的RegExp对象表示正则表达式,String和Reg...

    _Dreams 评论0 收藏0
  • JavaScript中的正则达式

    Javascript的正则表达式是前端中比较重要的部分,正则表达式主要用于字符串处理,表单验证等场合,实用高效,文章主要对JavaScript中的正则的学习与总结 正则表达式的定义 正则表达式:是一个描述字符模式的对象,JavaScrip中正则表达式用RegExp对象表示,可以使用RegExp构造函数来创建正则对象 正则表达式的创建 1.字面量创建 var reg = /[a-z]/; 2.构...

    _Zhao 评论0 收藏0
  • 简单说 正则达式——要注意lastIndex属性

    摘要:返回是一个只读的布尔值,看这个正则表达式是否带有修饰符。方法,它的参数是一个字符串,用对某个字符串进行检测,如果包含正则表达式的一个匹配结果,则返回,否则返回。总结这次主要是说说,中正则表达式对象的个属性,而最需要注意的就是属性了。 说明 这篇文章,主要和大家聊聊JavaScript中RegExp对象的属性。 解释 每个RegExp对象都包含5个属性,source、global、ign...

    jokester 评论0 收藏0

发表评论

0条评论

894974231

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<