`
红尘默岩
  • 浏览: 78286 次
  • 性别: Icon_minigender_1
  • 来自: 福建福州
社区版块
存档分类
最新评论

JavaScript中正则表达式示例

阅读更多

【测试示例代码】

<html>
<body>
<input type="button" value="运行" onClick="toCheck1()" />
<input type="button" value="刷新" onClick="javascript:window.location.reload();"><br />
<input type="text" id="textId" />
<script type="text/javascript">
	function toCheck(){
		var str = "hiabc";
		var reg = /hi/;
		var value = str.match(reg);
		
		document.getElementById("textId").value = value;
	}
</script>
</body>
</html>

 

>>【修饰符】<<

01、【i】修饰符用于执行对大小写不敏感的匹配

  示例:不区分大小写,查找abcde
  单词:var str = "ABCde";
  公式:var reg = /abcDE/i;
  结果:ABCde


02、【g】修饰符用于执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)

  示例:对 "abc" 进行全局搜索
  单词:var str = "abcABCabc";
  公式:var reg = /abc/g;
  结果:abc,abc


03、【m】修饰符用于执行多行匹配(只有当使用^和$模式才起作用,否则加不加入m都可以进行多行匹配)

  示例:进行全局多行匹配abc(\n为换行)
  单词:var str = "abc\nabcd\nabce";
  公式:var reg = /^abc/gm;
  结果:abc,abc,abc

 

 

>>【方括号】<<

01、【[]】查找方括号内任何指定的字符

  示例:全局中查找字母a和B的内容
  单词:var str = "abcABC";
  公式:var reg = /[aB]/g;
  结果:a,B


02、【[^]】查找任何不在方括号之间的字符

  示例:全局中查找字母非a和B的内容
  单词:var str = "abcABC";
  公式:var reg = /[^aB]/g;
  结果:b,c,A,C


03、【[0-9]】查找任何从 0 至 9 的数字(若为[0-2]则查找0-2的数字)

  示例:全局中查找0-9的内容
  单词:var str = "abc0ABC9";
  公式:var reg = /[0-9]/g;
  结果:0,9


04、【[a-z]】查找任何从小写 a 到小写 z 的字符(若为[a-b]则查找a-b的字符)

  示例:全局中查找a-z的内容
  单词:var str = "abc0ABC9";
  公式:var reg = /[a-z]/g;
  结果:a,b,c


05、【[A-Z]】查找任何从小写 A 到小写 Z 的字符(若为[A-B]则查找A-B的字符)

  示例:全局中查找A-Z的内容
  单词:var str = "abc0ABC9";
  公式:var reg = /[A-Z]/g;
  结果:A,B,C


06、【[A-z]】查找任何从小写 A 到小写 z 的字符(若为[A-a]则查找A-a的字符)

  示例:全局中查找A-Z的内容
  单词:var str = "abc0ABC9";
  公式:var reg = /[A-z]/g;
  结果:a,b,c,A,B,C

 

 

>>【元字符】<<

01、【.】查找单个字符(含特殊字符如空格井号,除了换行和行结束符)

  示例:全局中查找 a任意一个字符b 的内容(任意一个字符含殊字符如空格井号)
  单词:var str = "abc ABC abc a#c";
  公式:var reg = /a.c/g;
  结果:abc,abc,a#c


02、【\w】查找单词字符(不含特殊字符如空格井号,除了换行和行结束符)

  示例:全局查找 a任意一个字符b 的内容(任意一个字符不含殊字符如空格井号)
  单词:var str = "abc ABC abc a#c";
  公式:var reg = /a\wc/g;
  结果:abc,abc


03、【\W】查找非单词字符

  示例:全局查找 非a任意一个字符b 的内容(任意一个字符不含殊字符如空格井号)
  单词:var str = "abc ABC abc a#c";
  公式:var reg = /a\Wc/g;
  结果:a#c


04、【\d】查找数字

  示例:全局查找 数字 的内容
  单词:var str = "abc0ABC1abc2";
  公式:var reg = /\d/g;
  结果:0,1,2


05、【\D】查找非数字字符

  示例:全局查找 非数字 的内容
  单词:var str = "abc0ABC1abc2";
  公式:var reg = /\D/g;
  结果:a,b,c,A,B,C,a,b,c


06、【\s】查找空白字符(英文空格、中文全角空格、制表符(Tab)、换行符)

  示例:全局查找 空白字符 的内容
  单词:var str = "abc ABC abc#";
  公式:var reg = /\s/g;
  结果: ,

 

07、【\S】查找非空白字符

  示例:全局查找 非空白字符 的内容
  单词:var str = "abc ABC abc#";
  公式:var reg = /\S/g;
  结果:a,b,c,A,B,C,a,b,c,#


08、【\b】匹配单词边界(特殊字符如空格井号不算单词)

  示例:全局查找 abc 的内容(特殊字符不算单词,等于特殊字符不存在)
  单词:var str = "abc ABC abc#";
  公式:var reg = /\babc\b/g;
  结果:abc,abc


09、【\B】匹配非单词边界(特殊字符如空格井号不算单词)

  示例:全局查找 单词不为abc结尾 的内容(特殊字符不算单词,等于特殊字符不存在)
  单词:var str = "abcd ABC abc#";
  公式:var reg = /abc\B/g;
  结果:abc


10、【\n】查找换行符

  示例:全局查找 换行符 的内容
  单词:var str = "abc\nabcd\nabce";
  公式:var reg = /\n/g;
  结果:,


11、【\xxx】查找以八进制数 xxx 规定的字符

  示例:全局查找 字符串中的八进制 127 (W)
  单词:var str = "Hello World";
  公式:var reg = /\127/g;
  结果:W


12、【\xdd】查找以十六进制数 dd 规定的字符

  示例:全局查找 字符串中的十六进制 57 (W)
  单词:var str = "Hello World";
  公式:var reg = /\x57/g;
  结果:W


13、【\uxxxx】查找以十六进制数 xxxx 规定的 Unicode 字符

  示例:全局查找 字符串中的十六进制 0057 (W)
  单词:var str = "Hello World";
  公式:var reg = /\u0057/g;
  结果:W

 

14、【\o】查找 NUL 字符
15、【\f】查找换页符
16、【\r】查找回车符
17、【\t】查找制表符
18、【\v】查找垂直制表符

 

 

>>【量词】<<

01、【+】指定+前边的内容可以连续重复出现任意次(至少1次)

  示例:全局查找 ab开头,1个以上为c 的内容
  单词:var str = "aabc ABC abbc abcc";
  公式:var reg = /abc+/g;
  结果:abc,abcc


02、【*】指定*前边的内容可以连续重复出现任意次(含0次)

  示例:全局查找 ab开头,0个以上为c 的内容
  单词:var str = "aabc ABC abbc";
  公式:var reg = /abc*/g;
  结果:abc,ab


03、【?】指定*前边的内容可以连续重复出现0次或1次

  示例:全局查找 ab开头,0个或1个为c 的内容
  单词:var str = "aabc ABC abbc abcc";
  公式:var reg = /abc?/g;
  结果:abc,ab,abc


04、【{x}】指定{前面的字符重复的次数=x次

  示例:全局查找 ab开头,2个为c 的内容
  单词:var str = "aabc ABC abbc abcc";
  公式:var reg = /abc{2}/g;
  结果:abcc


05、【{x,y}】指定{前面的字符重复的次数x<=次数<=y

  示例:全局查找 ab开头,>=2个并且<=4个c 的内容
  单词:var str = "aabcc ABC abbc abccc";
  公式:var reg = /abc{2,4}/g;
  结果:abcc,abccc


06、【{x,}】指定{前面的字符重复的次数>=x次

  示例:全局查找 ab开头,>=2个c 的内容
  单词:var str = "aabcc ABC abbc abccc";
  公式:var reg = /abc{2,}/g;
  结果:abcc,abccc


07、【^】匹配字符串的开始

  示例:全局查找 整个字符串开头为a 的内容
  单词:var str = "aabcc ABC abbc abccc";
  公式:var reg = /^a/g;
  结果:a


08、【$】匹配字符串的结束

  示例:全局查找 整个字符串结尾为c 的内容
  单词:var str = "aabcc ABC abbc abccc";
  公式:var reg = /c$/g;
  结果:c


09、【?=x】匹配任何其后紧接指定字符串 x 的字符串

  示例:全局查找 b其后紧跟cc的b 的内容
  单词:var str = "aabcc ABC abbc abccc";
  公式:var reg = /b(?=cc)/g;
  结果:b,b


10、【?!x】匹配任何其后没紧接指定字符串 x 的字符串

  示例:全局查找 b其后没有紧跟cc的b 的内容
  单词:var str = "aabcc ABC abbc abccc";
  公式:var reg = /b(?!cc)/g;
  结果:b,b 

3
3
分享到:
评论

相关推荐

    javascript中正则表达式反向引用示例介绍.doc

    javascript中正则表达式反向引用示例介绍.doc

    【JavaScript源代码】JavaScript中正则表达式的实际应用详解.docx

    ### JavaScript中正则表达式的实际应用详解 在日常开发中,正则表达式作为一种强大的文本处理工具,在JavaScript中被广泛地应用。无论是简单的字符串验证,还是复杂的文本解析,正则表达式都能提供高效的解决方案。...

    js 中正则表达式用法及示例

    以下是对JS中正则表达式常用特性的详细说明: 1. **转义字符**:`\` 用于对特殊字符进行转义,如 `\b` 匹配单词边界,`\d` 匹配数字等。如果需要匹配实际的 `\` 字符,需要写成 `\\`。 2. **特殊字符恢复**:使用 ...

    javascript中正则表达式反向引用示例介绍

    在提供的示例中,`insertSpace`函数使用了`replace()`方法,结合正则表达式`/(.{3})/g`和反向引用`$1`。这里,正则表达式的模式 `(.{3})` 包含一个捕获组,它匹配任何连续的三个字符。`g`标志表示全局匹配,意味着在...

    js中正则表达式应用

    #### 四、正则表达式示例及应用场景 接下来,我们将通过几个具体的示例来了解正则表达式在JavaScript中的实际应用: 1. **数字验证**:验证输入是否为1到20位的数字。 ```javascript function isDigit(s) { var...

    调试JavaScript中正则表达式中遇到的问题

    在JavaScript中,正则表达式是处理字符串的强大工具,但同时也可能带来许多调试难题。本文将探讨在使用正则表达式时可能出现的问题,特别是`test()`和`exec()`这两个常见方法的区别及其潜在陷阱。 首先,`test()`...

    JavaScript中正则表达式判断匹配规则及常用方法

    ### JavaScript中正则表达式判断匹配规则及常用方法 #### 一、引言 JavaScript作为一种广泛应用于Web开发的脚本语言,其强大的功能之一便是正则表达式的支持。正则表达式提供了一种灵活的方式来匹配、查找以及替换...

    JavaScript正则表达式详解及使用方法

    使用场景及目标:帮助读者理解和掌握JavaScript中正则表达式的创建和使用,解决实际开发中常见的字符串匹配和处理问题。 阅读建议:在学习过程中结合具体示例进行实践,注意理解不同方法的区别和应用场景,通过不断...

    Javascript中正则表达式的全局匹配模式分析

    ### Javascript中正则表达式的全局匹配模式分析 在JavaScript中,正则表达式是一种强大的文本处理工具,它允许开发者通过特定的语法来定义字符串的模式,从而实现复杂的搜索、匹配、替换等操作。当涉及到正则表达式...

    JavaScript中正则表达式使数字、中文或指定字符高亮显示

    在上述文件提供的示例中,我们可以看到如何使用正则表达式结合JavaScript来实现对特定字符的高亮显示。例如: ```javascript var htmlobj = txt.replace(/(\d+)/img, ";'&gt;$&&lt;/span&gt;"); ``` 这段代码中,`/(\d+)/...

    Javascript经典正则表达式

    ### JavaScript经典正则表达式知识点解析 #### 一、概述 正则表达式是一种功能强大的文本处理工具,...以上是对题目描述中正则表达式知识点的详细解释与分析,希望能帮助理解JavaScript中的正则表达式及其应用场景。

    JS中正则表达式全局匹配模式 /g用法详解

    本文详细介绍了JavaScript中正则表达式全局匹配模式的使用方法,特别是当添加了“/g”标志时,它能让正则表达式在整个目标字符串中进行全局搜索,匹配所有可能的实例。 ### 正则表达式简介 正则表达式(Regular ...

    javascript正则表达式和字符串RegExp and String(一).docx

    本文旨在深入探讨 JavaScript 中正则表达式的创建、使用以及相关属性和方法,为读者提供一份详尽的学习指南。 #### 正则表达式的创建方式 正则表达式可以通过两种方式创建: 1. **通过 `/.../` 的方式创建**: -...

    JS中正则表达式要注意lastIndex属性

    在JavaScript中,正则表达式(Regular Expression)是一种强大的文本处理工具,用于匹配字符串中的模式。在使用正则表达式时,了解其内置属性是非常重要的,尤其是`lastIndex`属性,它在全局搜索中扮演关键角色。让...

    C语言正则表达式操作示例

    本文将详细介绍C语言中正则表达式的操作,结合实例形式分析了C语言正则匹配类似邮箱格式功能的实现技巧。 正则表达式的基本概念 --------------------- 正则表达式是指一个字符串,它可以匹配某个特定的字符串模式...

    js正则的概要介绍与分析

    《精通JavaScript正则表达式》是一份详尽的在线指南,旨在帮助开发者掌握JavaScript中正则表达式的使用方法。无论你是初学者还是有一定经验的开发者,这份资源都将为你提供全面的知识点讲解和实用的示例代码。 ### ...

Global site tag (gtag.js) - Google Analytics