js正则表达式学习

//几种字符串操作：
var str = 'abcdef';

alert(str.search('b'));		//弹出1；返回的是b在str中的位置；如果找不到返回-1；

alert(str.substring(2,5));	//弹出cde；不包括结束位置；

alert(str.substring(1));	//弹出bcdef，从开始位置一直截取到结束位置；

alert(str.charAt(3));		//弹出d,返回的是第3个位置的字符；

var str = '12 fff 87 er334 233 -=-=-=fa80';

alert(str.match(/\d+/g));	//返回字符串数组: 12 87 334 233 80

/*

正则表达式的两种风格

*/

var re = new RegExp('a','i');

var re = /a/i;

//找下面字符串中出现的第一个数字：

var str = 'asdf 23 23  zxcacxzczxc';

var re = /\d/;

console.log(str.search(re));		//5	找出第一个数字的位置

match用法：

//关于match:

//match: 把所有匹配的东西，全都提取出来；以数组的形式

var str = 'asdf 34 656 vsd33';

var re = /\d/;

var re2 = /\d/g;			//g global 找到全部

var re3 = /\d+/g;

alert(str.match(re));		//弹出3

alert(str.match(re2));		//弹出3,4,6,5,6,3,3	因为只告诉了计算机找一个数字

alert(str.match(re3));		//弹出34,656,33

replace用法：

//把所有的a都替换成数字0

var str = 'abc aaa erw';

var re = /a/g;

alert(str.replace('a', '0'));  //弹出0bc aaa erw;

alert(str.replace(re, '0'));	 //弹出0bc 000 erw;

replace小例子-敏感词过滤：

<body>

    <textarea id='txt1' cols="40" rows="5"></textarea><br>

    <input id="btn1" type="button" value="过滤"/><br>

    <textarea id='txt2' cols="40" rows="5"></textarea><br>

</body>

<script type="text/javascript">

//敏感词过滤

window.onload = function(){

    var oTxt1 = document.getElementById("txt1");

    var oTxt2 = document.getElementById("txt2");

    var oBtn = document.getElementById("btn1");

    oBtn.onclick=function(){

        var re = /北京|淘宝|百度/g;

        oTxt2.value = oTxt1.value.replace(re, '***');

    }

}

</script>

图：

方括号：

var str = 'apc fpc dpc xpc gpc rpc spc ppc';

var re = /[apx]pc/g;

alert(str.match(re));			//弹出apc xpc ppc

偷小说的小例子--过滤HTML标签

html标签规则：<除了<>外任意个字符>

<script type="text/javascript">

//过滤HTML标签：

window.onload=function(){

	var oTxt1 = document.getElementById('txt1');

	var oTxt2 = document.getElementById('txt2');

	var oBtn = document.getElementById('btn1');

	oBtn.onclick=function(){

		var re = /<[^<>]+>/g;

		oTxt2.value = oTxt1.value.replace(re, '');

	}

}

</script>

图:

例1：校验电话号码：

如电话号码： 010-87496698-86:

区号和分机号都是可有可无的；电话开始一位不能是0,假设电话为8位数字;

假设分机号最多5位

(0\d{2,3}-)?[1-9]\d{7}(-\d{1,5})?

括号就是分组起来；

例2：校验邮箱：　　

<body>

<input type="text" id='txt1'>

<input id="btn1" type="button" value="校验"></input>

</body>

<script type="text/javascript">

//校验邮箱：

window.onload=function(){

    var oTxt1 = document.getElementById("txt1");

    var oBtn = document.getElementById("btn1");

    oBtn.onclick=function(){

        //从字符串的开头和结尾，只能出现：\w+@[a-z0-9]+\.[a-z]+

        //整个字符串都会校验，而不仅仅是校验一部分

        var re = /^\w+@[a-z0-9]+\.[a-z]+$/i;

        //test方法：

        //检验oTxt1.value这个字符串是否符合正则re的规则,如果符合返回true

        //test 字符串一部分符合要求，true

        if(re.test(oTxt1.value)){

            alert("合法邮箱");

        }else{

            alert("非法邮箱");

        }

    }

}

</script>

量词：

量词：个数

+                  若干（多少都可以,最少1次）,等同于{1,}

{n}                正好出现n次

{n, m}             最少n次，最多m次

(n,}               最少n次，最多不限

?                  可有可无，相当于{0, 1}

*                  0次或多次,相当于{0,}        (慎用,容易出问题，要考虑好)

方括号：

方括号

[abc]                a或b或c，任选一个即可 [abc]pc  则apc、bpc、cpc都行；

[a-z]                匹配a-z字母

[0-9]                匹配数字

[^a-z]               匹配除了a-z的字母外；

[^a-z0-9]            匹配除了英文字母和数字之外的东西

转义：

转义:

\d                匹配数字      [0-9]

.                 任意字符    (慎用，很容易出问题，用了.很可能是没考虑清楚)

\w                英文、数字、下划线  [a-z0-9_]

\s                空白字符 代表所有的空格，包含tab、回车、换行

\D                除了数字 [^0-9]

\W                除了英文数字下划线 [^a-z0-9_]

\S                除了空白字符

行首行尾：

行首行尾：

^                ^不出现在[]里面，代表行首--即字符串的开头

$                行尾，即字符串结尾；

js正则贪婪的特性：

它会去匹配尽可能长的字符串,越长越好；

后面再学到的再继续补充.......　

js正则表达式学习的更多相关文章

JS正则表达式学习记录
JS:正则表达式学习记录 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&q ...
JS正则表达式学习总结
JS正则:java RegExp对象,它是对字符串执行模式匹配的强大工具.运用最多的就是在输入处验证输入的字符串是否合法,指定用户输入字符串的格式. 定义方法: 1:直接量语法:var re=/pat ...
Js正则表达式学习之test和compile的简单介绍
RegExp 对象用于规定在文本中检索的内容. 定义 RegExp RegExp 对象用于存储检索模式. 通过 new 关键词来定义 RegExp 对象.以下代码定义了名为 patt1 的 RegEx ...
js 正则表达式学习笔记
正则表达式正则表达式是由一个字符序列形成的搜索模型语法new RegExp("[abc]")/[abc]//正则表达式主体/修饰符(可选) 1.修饰符i 忽略大小写g 执行全局匹 ...
【正则】精通JS正则表达式，没消化信息量太大，好文
http://www.jb51.net/article/25313.htm 正则表达式可以: •测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用 ...
js之学习正则表达式
看了掘金的一个作者写的JS正则表达式完整教程受益匪浅,感谢作者的无私奉献.在此,做下笔记. 目录 0. 目录 1. 正则表达式字符匹配 1.1.字符组 1.2.量词 1.3.多选分支 1.4.案例分 ...
js正则表达式replace里有变量的解决方法用到RegExp类
一直比较害怕使用正则表达式,貌似很深奥很复杂的样子,所以在用js操作字符串的时候,我最多使用的是replace.split.substring.indexOf等函数,这些函数有时候需要多次叠加使用,但 ...
JS正则表达式大全(整理详细且实用)
JS正则表达式大全(整理详细且实用).需要的朋友可以过来参考下,希望对大家有所帮助!! 正则表达式中的特殊字符字符含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释, ...
js 正则学习小记之NFA引擎
原文:js 正则学习小记之NFA引擎之前一直认为自己正则还不错,在看次碳酸钴,Barret Lee 等大神都把正则玩的出神入化后发现我只是个战五渣. 求抱大腿,求大神调教. 之前大致有个印象,正 ...

随机推荐

Python学习-day2
这周时间充裕,把第一周的两个作业登陆验证和三级菜单做完后又用零零散散的时间看完了第二周的课程,不得不说老男孩这个教育方式感觉还是不错的,其实说白了就是花钱找个人监督自己学习呗,而且还强行让我们养成一些 ...
Nginx 配置支持C++
1.在auto/make脚本里添加新的编译器和链接器: #LINK = $LINK #原25行附近注释掉原链接器CXX=g++ ...
创建Maven web项目时出现 web.xml is missing and <failOnMissingWebXml> is set to true错误 pox.xml编译错误
今天创建一个maven项目 pom.xml出现如下错误: web.xml is missing and <failOnMissingWebXml> is set to true 这是因为你 ...
CoreData数据库
一 CoreData 了解 1 CoreData 数据持久化框架是 Cocoa API 的一部分,首先在iOSS5 版本的系统中出现: 它允许按照实体-属性-值模式组织数据: ...
sql关于Group by
SELECT JBGS.XMID, SUM(JBGS.JBGS * JBYXXS.YXXS) / (SELECT SUM(B.GS) FROM T_XMCBHZ B WHERE B.XMID= ...
C#循环语句练习2
1.羽毛球拍15元,球3元,水2元,有200元,每一种至少买一件,问有几种买法? 2.洗发水15元,牙刷5元,香皂2元,有150元,每一种至少买一件,问有几种买法? 3.用100元钱买100只鸡,公鸡 ...
MyEclipse优化-六步攻略
1.首先是jsp的可视化页面 windows -> preferences->General-> Editors -> File Associations 在上方框内选择*. ...
jQuery中的map()方法
jQuery中map()方法的使用格式为:$(selector).map(callback(index,domElement)). 将在每一个被选元素上执行map()方法中设置的回调函数,在回调函数中 ...
关于位图读取函数int Load_Bitmap_File的lseek问题。
事情是这样的,本人在编译3D游戏编程大师技巧中的程序是遇到了一个关于位图读取函数int Load_Bitmap_File的lseek问题. 我使用以下位图读取函数读取位图事报错如下: int Load ...
Caffe+CUDA7.5+CuDNNv3+OpenCV3.0+Ubuntu14.04 配置参考文献以及常见编译问题总结
Caffe+CUDA7.5+CuDNNv3+OpenCV3.0+Ubuntu14.04 配置参考文献 ---- Wang Xiao Warning: Please make sure the cud ...

js正则表达式学习

js正则表达式学习的更多相关文章

随机推荐

热门专题