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进行跨域请求
Jan 25 Javascript
JS构建页面的DOM节点结构的实现代码
Dec 09 Javascript
javascript分页代码(当前页码居中)
Sep 20 Javascript
javascript实现图片延迟加载方法汇总(三种方法)
Aug 27 Javascript
JS实现可展开折叠层的鼠标拖曳效果
Oct 09 Javascript
jquery html动态添加的元素绑定事件详解
May 24 Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
Jun 24 Javascript
JavaScript实现输入框与清空按钮联动效果
Sep 09 Javascript
完美的js图片轮换效果
Feb 05 Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
Apr 18 Javascript
Vue实现push数组并删除的例子
Nov 01 Javascript
vue项目中openlayers绘制行政区划
Dec 24 Vue.js
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
完整删除ecshop中获取店铺信息的API
2014/12/24 PHP
php+ajax简单实现全选删除的方法
2016/12/06 PHP
PHP读取XML格式文件的方法总结
2017/02/27 PHP
PHP基于MySQLI函数封装的数据库连接工具类【定义与用法】
2017/08/11 PHP
php中字符串和整数比较的操作方法
2019/06/06 PHP
自动刷新网页,自动刷新当前页面,JS调用
2013/06/24 Javascript
Ajax局部更新导致JS事件重复触发问题的解决方法
2014/10/14 Javascript
JavaScript中自定义事件用法分析
2014/12/23 Javascript
JavaScript插件化开发教程 (一)
2015/01/27 Javascript
JS动画效果打开、关闭层的实现方法
2015/05/09 Javascript
js中不同的height, top的区别对比
2015/09/24 Javascript
整理Javascript基础语法学习笔记
2015/11/29 Javascript
基于jQuery实现文本框只能输入数字(小数、整数)
2016/01/14 Javascript
jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象
2016/06/20 Javascript
在DWR中实现直接获取一个JAVA类的返回值的两种方法
2016/12/25 Javascript
javascript实现一个网页加载进度loading
2017/01/04 Javascript
通过js动态创建标签,并设置属性方法
2018/02/24 Javascript
Js中使用正则表达式验证输入是否有特殊字符
2018/09/07 Javascript
[49:29]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python编程之属性和方法实例详解
2015/05/19 Python
python对数组进行反转的方法
2015/05/20 Python
python实现淘宝秒杀聚划算抢购自动提醒源码
2020/06/23 Python
Python实现通讯录功能
2018/02/22 Python
20行python代码实现人脸识别
2019/05/05 Python
Django项目主urls导入应用中views的红线问题解决
2019/08/10 Python
踩坑:pytorch中eval模式下结果远差于train模式介绍
2020/06/23 Python
PyTorch中model.zero_grad()和optimizer.zero_grad()用法
2020/06/24 Python
英国高级百货公司:Harvey Nichols
2017/01/29 全球购物
美国打印机墨水和碳粉购物网站:QuikShip Toner
2018/08/29 全球购物
Michael Kors澳大利亚官网:世界知名的奢侈饰品和成衣设计师
2020/02/13 全球购物
C++:memset ,memcpy和strcpy的根本区别
2013/04/27 面试题
银行实习生的自我评价
2013/12/09 职场文书
服务员岗位职责
2014/01/29 职场文书
行政人事经理职位说明书
2014/03/05 职场文书
离婚协议书的书写要求
2014/09/17 职场文书
离婚协议书应该怎么写
2014/10/12 职场文书