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 相关文章推荐
Javascript 继承机制的实现
Aug 12 Javascript
jquery下为Event handler传递动态参数的代码
Jan 06 Javascript
无缝滚动js代码通俗易懂(自写)
Jun 19 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
Jun 28 Javascript
JS简单操作select和dropdownlist实例
Nov 26 Javascript
javascript制作sql转换为stringBuffer的小工具
Apr 03 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
May 12 Javascript
浅谈js多维数组和hash数组定义和使用
Jul 27 Javascript
JQuery手速测试小游戏实现思路详解
Sep 20 Javascript
Vue框架里使用Swiper的方法示例
Sep 20 Javascript
JavaScript实现选项卡效果的分析及步骤
Apr 16 Javascript
jQuery加PHP实现图片上传并提交的示例代码
Jul 16 jQuery
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 PDO的一些认识小结
2015/01/23 PHP
php+xml编程之xpath的应用实例
2015/01/24 PHP
PHP实现对数组分页处理实例详解
2017/02/07 PHP
IOS 开发之NSDictionary转换成JSON字符串
2017/08/14 PHP
PHP使用glob方法遍历文件夹下所有文件的实例
2018/10/17 PHP
BOOM vs RR BO5 第四场 2.14
2021/03/10 DOTA
基于jQuery的动态表格插件
2011/03/28 Javascript
window.location.reload()方法刷新页面弹出要再次显示该网页对话框
2013/04/24 Javascript
分享9点个人认为比较重要的javascript 编程技巧
2015/04/27 Javascript
JavaScript的设计模式经典之建造者模式
2016/02/24 Javascript
js判断一个字符串是以某个字符串开头的简单实例
2016/12/27 Javascript
Node 升级到最新稳定版的方法分享
2018/05/17 Javascript
小程序实现五星点评效果
2018/11/03 Javascript
在Vue项目中引入JQuery-ui插件的讲解
2019/01/27 jQuery
深入浅出 Vue 系列 -- 数据劫持实现原理
2019/04/23 Javascript
微信小程序 自定义复选框实现代码实例
2019/09/04 Javascript
bootstrap table实现iview固定列的效果实例代码详解
2019/09/30 Javascript
JS使用H5实现图片预览功能
2019/09/30 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
2019/11/01 Javascript
Python读写Excel文件的实例
2013/11/01 Python
Python中的面向对象编程详解(上)
2015/04/13 Python
在Django中限制已登录用户的访问的方法
2015/07/23 Python
Python实现学校管理系统
2018/01/11 Python
Python字符串逆序输出的实例讲解
2019/02/16 Python
python3.6中@property装饰器的使用方法示例
2019/08/17 Python
基于python中__add__函数的用法
2019/11/25 Python
tensorflow使用指定gpu的方法
2020/02/04 Python
python使用Word2Vec进行情感分析解析
2020/07/31 Python
Prometheus开发中间件Exporter过程详解
2020/11/30 Python
css3 iphone玻璃透明气泡完美实现
2013/03/20 HTML / CSS
马来西亚网上美容店:Hermo.my
2017/11/25 全球购物
生物制药专业自我鉴定
2014/02/19 职场文书
五水共治捐款倡议书
2014/05/14 职场文书
硕士生找工作求职信
2014/07/05 职场文书
授权委托书协议书
2014/10/16 职场文书
Vue过滤器(filter)实现及应用场景详解
2021/06/15 Vue.js