JS正则表达式常见函数与用法小结


Posted in Javascript onApril 13, 2020

本文实例讲述了JS正则表达式常见函数与用法。分享给大家供大家参考,具体如下:

search()使用正则表达式

//使用正则表达式搜索 "Runoob" 字符串,且不区分大小写
var str = "Visit Runoob!"; 
var n = str.search(/Runoob/i);

search() 方法使用字符串

search 方法可使用字符串作为参数。字符串参数会转换为正则表达式:

var str = "Visit Runoob!"; 
var n = str.search("Runoob");
//输出
6

replace() 方法使用正则表达式

//使用正则表达式且不区分大小写将字符串中的 Microsoft 替换为 Runoob :
var str = document.getElementById("demo").innerHTML; 
var txt = str.replace(/microsoft/i,"Runoob");

replace() 方法使用字符串

replace() 方法将接收字符串作为参数:

var str = document.getElementById("demo").innerHTML; 
var txt = str.replace("Microsoft","Runoob");

正则表达式修饰符

修饰符 可以在全局搜索中不区分大小写:

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

使用 test()

test() 方法是一个正则表达式方法。

test() 方法用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 false。

以下实例用于搜索字符串中的字符 "e":

var patt = /e/;
patt.test("The best things in life are free!");

字符串中含有 "e",所以该实例输出为:

true 

可以不用设置正则表达式的变量,以上两行代码可以合并为一行:

/e/.test("The best things in life are free!")

使用 exec()

exec() 方法是一个正则表达式方法。

exec() 方法用于检索字符串中的正则表达式的匹配。

该函数返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null。

以下实例用于搜索字符串中的字母 "e":

/e/.exec("The best things in life are free!");

字符串中含有 "e",所以该实例输出为:

e

正则表达式表单验证实例:

/*是否带有小数*/
function  isDecimal(strValue ) { 
  var objRegExp= /^\d+\.\d+$/;
  return objRegExp.test(strValue); 
} 
 
/*校验是否中文名称组成 */
function ischina(str) {
  var reg=/^[\u4E00-\u9FA5]{2,4}$/;  /*定义验证表达式*/
  return reg.test(str);   /*进行验证*/
}
 
/*校验是否全由8位数字组成 */
function isStudentNo(str) {
  var reg=/^[0-9]{8}$/;  /*定义验证表达式*/
  return reg.test(str);   /*进行验证*/
}
 
/*校验电话码格式 */
function isTelCode(str) {
  var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
  return reg.test(str);
}
 
/*校验邮件地址是否合法 */
function IsEmail(str) {
  var reg=/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/;
  return reg.test(str);
}
Javascript 相关文章推荐
基于jquery的给文章加入关键字链接
Oct 26 Javascript
如何使用Javascript获取距今n天前的日期
Jul 08 Javascript
解析Javascript中大括号“{}”的多义性
Dec 02 Javascript
JavaScript中SetInterval与setTimeout的用法详解
Nov 10 Javascript
基于JavaScript代码实现随机漂浮图片广告
Jan 05 Javascript
js手动播放图片实现图片轮播效果
Sep 17 Javascript
AngularJS过滤器filter用法实例分析
Nov 04 Javascript
React创建组件的三种方式及其区别
Jan 12 Javascript
javascript input输入框模糊提示功能的实现
Sep 25 Javascript
基于JavaScript中字符串的match与replace方法(详解)
Dec 04 Javascript
vue项目常用组件和框架结构介绍
Dec 24 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
May 02 Javascript
javascript设计模式 ? 桥接模式原理与应用实例分析
Apr 13 #Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
Apr 13 #Javascript
JavaScript创建表格的方法
Apr 13 #Javascript
JavaScript实现捕获鼠标坐标
Apr 12 #Javascript
jquery实现轮播图特效
Apr 12 #jQuery
用jQuery实现抽奖程序
Apr 12 #jQuery
javascript实现画板功能
Apr 12 #Javascript
You might like
PHP中的正规表达式(一)
2006/10/09 PHP
php简单统计字符串单词数量的方法
2015/06/19 PHP
教你在PHPStorm中配置Xdebug
2015/07/27 PHP
php微信开发之批量生成带参数的二维码
2016/06/26 PHP
PHP使用Redis长连接的方法详解
2018/02/12 PHP
jQuery EasyUI API 中文文档 - Pagination分页
2011/09/29 Javascript
日历查询的算法 如何计算某一天是星期几
2012/12/12 Javascript
jQuery下的动画处理总结
2013/10/10 Javascript
JQ技术实现注册页面带有校验密码强度
2015/07/27 Javascript
javascript计时器编写过程与实现方法
2016/02/29 Javascript
jQuery防止重复绑定事件的解决方法
2016/05/14 Javascript
Bootstrap+jfinal退出系统弹出确认框的实现方法
2016/05/30 Javascript
Bootstrap modal使用及点击外部不消失的解决方法
2016/12/13 Javascript
jQuery实现两列等高并自适应高度
2016/12/22 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
2017/06/22 Javascript
BootStrap Fileinput上传插件使用实例代码
2017/07/28 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
2018/09/07 Javascript
实例讲解vue源码架构
2019/01/24 Javascript
微信小程序制作表格的方法
2019/02/14 Javascript
js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome
2020/10/01 Javascript
[31:55]完美世界DOTA2联赛循环赛 IO vs GXR BO2第一场 11.04
2020/11/05 DOTA
Django时区详解
2019/07/24 Python
python实现猜数游戏(保存游戏记录)
2020/06/22 Python
卡骆驰新加坡官网:Crocs新加坡
2018/06/12 全球购物
C++面试题:关于链表和指针
2013/06/05 面试题
自动化工程专业个人应聘自荐信
2013/09/26 职场文书
最受欢迎的自我评价
2013/12/22 职场文书
告诉你怎样写创业计划书
2014/01/27 职场文书
防灾减灾标语
2014/10/07 职场文书
婚礼父母答谢词
2015/01/04 职场文书
医院合作意向书范本
2015/05/08 职场文书
《绝招》教学反思
2016/02/20 职场文书
VUE之图片Base64编码使用ElementUI组件上传
2022/04/09 Vue.js
解决Oracle数据库用户密码过期
2022/05/11 Oracle
正则表达式基础与常用验证表达式
2022/06/16 Javascript
Python可视化神器pyecharts绘制水球图
2022/07/07 Python