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 相关文章推荐
js href的用法
May 13 Javascript
JQUBar 基于JQUERY的柱状图插件
Nov 23 Javascript
JqGrid web打印实现代码
May 31 Javascript
jQuery插件原来如此简单 jQuery插件的机制及实战
Feb 07 Javascript
jQuery+CSS实现菜单滑动伸展收缩(仿淘宝)
Mar 22 Javascript
JS中setInterval、setTimeout不能传递带参数的函数的解决方案
Apr 28 Javascript
基于jQuery实现的图片切换焦点图整理
Dec 07 Javascript
jQuery实现行文字链接提示效果的方法
Mar 10 Javascript
jQuery开源组件BootstrapValidator使用详解
Jun 29 jQuery
基于Layui自定义模块的使用方法详解
Sep 14 Javascript
使用vue-cli4.0快速搭建一个项目的方法步骤
Dec 04 Javascript
javascript设计模式 ? 组合模式原理与应用实例分析
Apr 14 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
如何开发一个虚拟域名系统
2006/10/09 PHP
php不用正则采集速度探究总结
2008/03/24 PHP
php下获取Discuz论坛登录用户名、用户组、用户ID等信息的实现代码
2010/12/29 PHP
php面向对象中static静态属性与方法的内存位置分析
2015/02/08 PHP
extJs 文本框后面加上说明文字+下拉列表选中值后触发事件
2009/11/27 Javascript
Jquery 的扩展方法总结
2011/10/01 Javascript
Nodejs全栈框架StrongLoop推荐
2014/11/09 NodeJs
jQuery中Ajax的load方法详解
2015/01/14 Javascript
JS实现仿QQ效果的三级竖向菜单
2015/09/25 Javascript
学习JavaScript设计模式之中介者模式
2016/01/14 Javascript
JS正则表达式比较常见用法
2016/01/26 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
2016/02/24 Javascript
树结构之JavaScript
2017/01/24 Javascript
关于webpack2和模块打包的新手指南(小结)
2017/08/07 Javascript
angular+ionic返回上一页并刷新页面
2017/08/08 Javascript
nodejs图片处理工具gm用法小结
2018/12/12 NodeJs
layer提示框添加多个按钮选择的实例
2019/09/12 Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
2019/09/21 jQuery
js实现浏览器打印功能的示例代码
2020/07/15 Javascript
简单了解前端渐进式框架VUE
2020/07/20 Javascript
JS绘图Flot如何实现动态可刷新曲线图
2020/10/16 Javascript
Python爬虫_城市公交、地铁站点和线路数据采集实例
2018/01/10 Python
Pandas GroupBy对象 索引与迭代方法
2018/11/16 Python
Python3爬虫学习之MySQL数据库存储爬取的信息详解
2018/12/12 Python
Python实现的排列组合、破解密码算法示例
2019/04/12 Python
HTML5 script元素async、defer异步加载使用介绍
2013/08/23 HTML / CSS
Canvas引入跨域的图片导致toDataURL()报错的问题的解决
2018/09/19 HTML / CSS
基于Html5 canvas实现裁剪图片和马赛克功能及又拍云上传图片 功能
2019/07/09 HTML / CSS
纽约复古灵感的现代珠宝品牌:Lulu Frost
2018/03/03 全球购物
日本小田急百货官网:Odakyu
2018/07/19 全球购物
意大利体育用品和运动服网上商店:Maxi Sport
2019/09/14 全球购物
C/C++ 笔试、面试题目大汇总
2015/11/21 面试题
报关简历自我评价怎么写
2013/09/19 职场文书
小学生环保倡议书
2014/05/15 职场文书
志愿者工作心得体会
2016/01/15 职场文书
大学生各类奖学金申请书
2019/06/24 职场文书