function getByClass(parent,classname){ if (parent.getElementsByClassName){ return parent.getEle" />
HTML5技术

过目不忘JS正则表达式 - 沫晴的前端世界(3)

字号+ 作者:H5之家 来源:H5之家 2016-07-14 14:00 我要评论( )

其实这是存在问题的,比如它如果一个标签里面有两个class,或者存在相同名字的class,比如div,divcnblogs_code"> function getByClass(parent,classname){ if (parent.getElementsByClassName){ return parent.getEle

其实这是存在问题的,比如它如果一个标签里面有两个class,或者存在相同名字的class,比如<div>,<divcnblogs_code"> function getByClass(parent,classname){ if(parent.getElementsByClassName){ return parent.getElementsByClassName(classname); }else{ var arr = []; var aEle = parent.getElementsByTagName('*'); re = (var i=0;i<aEle.length;i++){ if( re.test(aEle[i].className) ){ arr.push( aEle[i] ); } } return arr; } }

\a 表示重复的某个子项 比如:

\1 重复的第一个子项

\2 重复的第二个子项

/ (a) (b) (c) \1/-----匹配 abca / (a) (b) (c) \2/------匹配 abcb

例子(面试题中经常问到):找重复项最多的字符个数

split():字符串中的方法,把字符串转成数组。

sort():数组中的排序方法,按照ACALL码进行排序。

join():数组中的方法,把数组转换为字符串

var str = 'assssjdssskssalsssdkjsssdss'; var arr = str.split(''); //把字符串转换为数组 str = arr.sort().join(''); //首先进行排序,这样结果会把相同的字符放在一起,然后再转换为字符串 //alert(str); // aaddjjkklsssssssssssssssss var value = ''; var index = 0; var re = /(\w)\1+/g; //匹配字符,且重复这个字符,重复次数至少一次。 str.replace(re,function($0,$1){    if(index<$0.length){ //如果index保存的值小于$0的长度就进行下面的操作 index = $0.length; // 这样index一直保存的就在最大的长度 value = $1; //value保存的是出现最多的这个字符 } }); alert('最多的字符:'+value+',重复的次数:'+index); // s 17

量词代表出现的次数

{n,m}:至少出现n次,最多m次

{n,} :至少n次

* :任意次 相当于{0,}

? :零次或一次 相当于{0,1}

+ :一次或任意次相当于 {1,}

{n}: 正好n次

例子:判断是不是QQ号

//^ : 放在正则的最开始位置,就代表起始的意思,注意  /[^a] /   和   /^[a]/是不一样的,前者是排除的意思,后者是代表首位。
//$ : 正则的最后位置 , 就代表结束的意思

//首先想QQ号的规则 1 首位不能是0 2 必须是 5-12位的数字 var aInput = document.getElementsByTagName('input'); var re = /^[1-9]\d{4,11}$/; aInput[1].onclick = function(){ if( re.test(aInput[0].value) ){ alert('是QQ号'); }else{ alert('不是QQ号'); } };

例子:去掉前后空格(面试题经常出现)

var str = ' hello '; alert( '('+trim(str)+')' ); trim(str){ str.replace(re,''); //把空格替换成空 }

 

 

常用的一些表单校验

匹配中文:[\u4e00-\u9fa5] //中文ACALL码的范围 行首行尾空格:^\s*|\s*$ //首行出现任意个空格或者尾行出现任意个空格(任意表示也可以没有空格) Email:^\w+@[a-z0-9]+(\.[a-z]+){1,3}$ //起始至少为一个字符(\w字母,数字或者下划线),然后匹配@,接着为任意个字母或者数字,\.代表真正的点,.后面为至少一个的字符(a-z),同时这个(比如.com)整体为一个子项作为结束,可以出现1-3次。因为有的邮箱是这样的.cn.net。(xxxx.@qq.com xxxx.@163.com xxxx.@16.cn.net ) 网址:[a-zA-z]+://[^\s]* //匹配不分大小写的任意字母,接着是//,后面是非空格的任意字符 邮政编码:[1-9]\d{5} //起始数字不能为0,然后是5个数字 身份证:[1-9]\d{14}|[1-9]\d{17}|[1-9]\d{16}x

 

为了方便且不冲突,我们可以用json的格式 建立自己的空间,如下:

/*

var re = {
email : /^\w+@[a-z0-9]+(\.[a-z]+){1,3}$/,
number : /\d+/
};

re.email

*/

 

正则的基础知识点大概就这么多,写的有些乱,欢迎指正,如果要转载 请注明出处。

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Java 8 Lambda 表达式 - Felix_ICanFixIt

    Java 8 Lambda 表达式 - Felix_ICanFixIt

    2017-04-22 17:04

  • C# 快速高效率复制对象另一种方式 表达式树 - Emrys5

    C# 快速高效率复制对象另一种方式 表达式树 - Emrys5

    2017-04-06 14:00

  • Omi v1.0.2发布 - 正式支持传递javascript表达式 - 【当耐特】

    Omi v1.0.2发布 - 正式支持传递javascript表达式 - 【当耐特】

    2017-03-22 11:03

  • 【.net 深呼吸】细说CodeDom(2):表达式、语句 - 东邪独孤

    【.net 深呼吸】细说CodeDom(2):表达式、语句 - 东邪独孤

    2016-12-13 12:00

网友点评
"