关于RegExp的一些使用的练习(代码加注释)
<!DOCTYPE html>
<html>
<head>
<title>title</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="vue.min.js"></script>
</head> <body>
<div id="app">
<input type="text" v-model="x">
<input type="button" value="验证" @click="validate">
</div> <script> var vm = new Vue({
el: '#app',
data:{
x: '100000000'
},
methods: {
validate: function(){ }
}
}); //常用方法:
//reg.test(str);
//str.match(reg); 返回匹配完的结果字符串 //参考文档W3CSchool:http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp
//原则:默认是贪婪匹配(匹配出的字串即最长匹配子串) var reg1 = /abc/; //查找模式串'abc' var reg2 = new RegExp("abc"); var reg3 = new RegExp(reg2); //创建Reg2的副本给Reg3 var reg4 = RegExp(reg2); //直接把reg4指向reg2,操作reg4等于直接操作reg2 var reg5 = /abc/i; //执行对大小写不敏感的匹配 var reg6 = /abc/g; //执行全局匹配,在查找到第一个后不会停止 var reg7 = /abc/m; //执行多行匹配,当待匹配字符串具有换行符\n时,能够进行多行匹配 var reg8 = /[0-9][0-9][0-9]/g; //匹配连续三位是任意数字的字串,查找到一个以后不会停止 var reg9 = /[0-9A-z][cd][d]/g; //匹配出的字串第一位是任意数字或字母,第二位是c或d,第三位是d,并为全局匹配 var reg10 = /[^a]/; //匹配第一个非a的字串 var reg11 = /[a|b]/; //匹配第一个a或b的字串 var reg12 = /(abc|bcd)[0-9]/; //匹配第一个abc+任意数字或bcd+任意数字 var reg13 = /\w/; // \w等价于:[0-9A-z_]
// \W等价于:^\w var reg14 = /\d/; // \d等价于:[0-9] var reg15 = /[\w\d]/; //可以在表达式写元字符!! // \s等价于:[\n\t\f\r\v ] 换行符+换页符+回车符+制表符+垂直制表符+空格 var reg16 = /\bc/; //表示C作为单词边界,且是单词头部 var reg17 = /\u597d/; //Unicode编码也能匹配汉字 \u597d:好 var reg18 = /\w{2,}/g; //匹配所有任意2个以上任意字符 var GoogleEmailValidate = /[\s\S]*@gmail.com/; //判断是否是谷歌邮箱的字符串 var reg19 = /(\w)\1\1\1/; // 小括号内是子表达式,而\1指引用第一个子表达式的内容(反向引用)
// 整个表达式意思是:字符串以xxxx(x为任意字符)的形式匹配
// Tip:子表达式匹配的内容会出现在结果数组中,可以当数组使,前提是不是全局匹配! // 关于split方法,如果含有子表达式,则结果数组中保留分割条件字符,否则分割条件字符不保留
// 关于replace方法,如果参数不是正则表达式,则替换不是全局替换,若是全局的正则表达式匹配,才会进行全局替换
// str.replace(new RegExp('/(\w)\1(\w)\2/'), "$2$2$1$1") $1$2是反向引用了前面表达式中的子表达式 // 将the-first-name变为驼峰命名theFirstName,原理是将'-f'替换为'F'
// var reg = /-(\w)/g;
/* str.replace(reg, function($, $1){
return $1.toUpperCase();
}) function是匹配一次执行一次,若是全局匹配,则会执行一到多次
*/ //正向断言:
var reg20 = /a(?=b)/g; //匹配任何出现在b之前的a,但不包括b //调整为非贪婪匹配
var reg21 = /a*?/g; //包含任意多个a的子串,但'?'表示用非贪婪方式(匹配出的子串能少则少),最后匹配到多个空字串 //字符串去重
// var reg = /(\w)\1*/g;
/* str.replace(reg, "$1");
*/ //2014百度题:将表示金额的字符串替换成:100.000.000的形式;
//var reg = /(?=(\B)(\d{3})+$)/g; 匹配出:\d{3}+ 以3为个数的倍数的一个或多个数字
// $ 结尾的
// \B 非单词边界 防止出现.100.000.000
// ?=n 紧跟
//组合成:匹配 紧跟 以3为个数的倍数的一个或多个数字结尾的 且是 非单词边界的 空字符串
//str.replace(reg, "."); </script>
</body>
</html>
参考文档注释中有,就是W3CSchool的官方文档,感兴趣的朋友可以测一测玩玩,感受一哈RegExp的强大,最后一个百度面试题当时号称史上最难,我没测出来,希望了解的朋友提点一下我,谢谢了...
关于RegExp的一些使用的练习(代码加注释)的更多相关文章
- Sublime Text对Python代码加注释的快捷键
一直在Coursera上补基础课,发现很多课程都用Python作为教学语言,学了一下感觉果然好,简直是用英语在写代码.(我建Python目录的时候发现去年学过一点点Python,居然一点都不记得了= ...
- python代码加注释--6
备注:#用来注释代码,#后面的内容会被python解释器忽略
- C#各种文件操作的代码与注释
C#各种文件操作的代码与注释,具体看下面代码: using System; using System.Collections.Generic; using System.Linq; using Sys ...
- python学习之——计算给出代码中注释、代码、空行的行数
题目:计算给出代码中注释.代码.空行的行数 来源:网络 思路:注释行以 ‘#’开头,空行以 ‘\n’ 开头,以此作为判断 def count_linenum(fname): fobj = open(f ...
- 第三次阅读赵炯博士的《linux内核代码完全注释》:序
这是我第三次阅读linux内核代码完全注释了,当然前两次也没有读完,第一次读到第五章,第二次第七章. 所以说,赵炯博士对我最大的帮助时介绍了intel386的结构,以及内核编程的方法. 至于真正的内核 ...
- 教你怎么用Mono Cecil - 动态注入 (注意代码的注释)
原文 教你怎么用Mono Cecil - 动态注入 (注意代码的注释) 使用 Mono Cecil 进行反编译:using Mono.Cecil; using Mono.Cecil.Cil; //.. ...
- 打开地图文件和shape文件代码加载Mxd文档
代码加载Mxd文档 用代码添加Mxd文档,用到AxMapControl.LoadMxFile(sFilePath),我们只要将Mxd文档的路径传给这个方法即可 /// <summary> ...
- 【转载】一行代码加载网络图片到ImageView——Android Picasso
原文链接:一句代码加载网络图片到ImageView——Android Picasso 注意:此处使用下面代码需要先配置一下gradle,下载所需包. 具体操作如下图: compile 'com.sq ...
- Sublime Text 代码块注释
插件:DocBlockr /*回车:创建一个代码块注释 /**回车:在自动查找函数中的形参等等.
随机推荐
- 基于区域的全卷积神经网络(R-FCN)简介
在 Faster R-CNN 中,检测器使用了多个全连接层进行预测.如果有 2000 个 ROI,那么成本非常高. feature_maps = process(image)ROIs = region ...
- AQS共享锁应用之Semaphore原理
我们调用Semaphore方法时,其实是在间接调用其内部类或AQS方法执行的.Semaphore类结构与ReetrantLock类相似,内部类Sync继承自AQS,然后其子类FairSync和NoFa ...
- 4.java变量
1.java中如何定义变量的语言 数据类型 变量名:2.如何给变量赋值 语言 变量名=值:3.变量本质是什么. 本质就是内存中的一块空间,这块空间有‘类型’.“名字”.“值” int a;//在内存中 ...
- CentOS7.0安装Ceph(jewel)及以上版本
背景 由于docker的Ceph插件rexray对Ceph版本有一定的要求,当Ceph版本为hammer (0.94.10)时,rexray无法成功创建rbd设备.CentOS 7及以上版本,默认安装 ...
- bzoj4589
fwt 原理并不知道 nim游戏石子异或和=0后手赢 那么也就是求a[1]^a[2]^...^a[n]=0的方案数 这个和bzoj3992一样可以dp dp[i][j]表示前i个数异或和为j的方案数 ...
- WordCount作业提交到FileInputFormat类中split切分算法和host选择算法过程源码分析
参考 FileInputFormat类中split切分算法和host选择算法介绍 以及 Hadoop2.6.0的FileInputFormat的任务切分原理分析(即如何控制FileInputForm ...
- A - Combination Lock
Time Limit:2000MS Memory Limit:262144KB 64bit IO Format:%I64d & %I64u Description Scroog ...
- 【Hadoop】MapReduce笔记(二):MapReduce容错,任务失败处理
典型问题:Hadoop如何判断一个任务失败?失败了怎么做? 分析:实际情况下,用户代码存在软件错误.进程崩溃.机器故障等都会导致失败.Hadoop判断的失败有不同级别类型,针对不同级别的失败有不同的处 ...
- 20个Flutter实例视频教程-第12节: 流式布局 模拟添加照片效果
视频地址: https://www.bilibili.com/video/av39709290/?p=12 博客地址: https://jspang.com/post/flutterDemo.html ...
- Linux下更改mysql版本
想要更改linux的mysql版本,并不需要重装系统重新选择mysql版本,只需要删除掉原来的mysql然后在安装新的就可以啦 (谨记:一定要做好数据库备份) 详情请参照:大牛博客 over!over ...