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 动态添加表格行 使用模板、标记
Oct 24 Javascript
jquery中交替点击事件toggle方法的使用示例
Dec 08 Javascript
VS2008中使用JavaScript调用WebServices
Dec 18 Javascript
基于JavaScript Array数组方法(新手必看篇)
Aug 20 Javascript
JavaScript实现向select下拉框中添加和删除元素的方法
Mar 07 Javascript
webpack打包单页面如何引用的js
Jun 07 Javascript
js实现图片放大展示效果
Aug 30 Javascript
Vue多系统切换实现方案
Jun 05 Javascript
AngularJS自定义表单验证功能实例详解
Aug 24 Javascript
vue中将html字符串转换成html后遇到的问题小结
Dec 10 Javascript
vue权限管理系统的实现代码
Jan 17 Javascript
JS中间件设计模式的深入探讨与实例分析
Apr 11 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
法兰绒滤网冲泡
2021/03/03 冲泡冲煮
php smarty 二级分类代码和模版循环例子
2011/06/16 PHP
PHP获取访问设备信息的方法示例
2019/02/20 PHP
js获取变量
2006/08/24 Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
2008/03/22 Javascript
JSON 教程 json入门学习笔记
2020/09/22 Javascript
jquery获取自定义属性(attr和prop)实例介绍
2013/04/21 Javascript
解析javascript系统错误:-1072896658的解决办法
2013/07/08 Javascript
解决jquery1.9不支持browser对象的问题
2013/11/13 Javascript
JS根据变量保存方法名并执行方法示例
2014/04/04 Javascript
angularjs表格ng-table使用备忘录
2016/03/09 Javascript
jQuery实现放大镜效果实例代码
2016/03/17 Javascript
深入理解JavaScript 函数
2016/06/06 Javascript
JS实现弹出居中的模式窗口示例
2016/06/20 Javascript
JavaScript 对象详细整理总结
2016/09/29 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
2017/01/05 Javascript
bootstrap手风琴制作方法详解
2017/01/11 Javascript
React实践之Tree组件的使用方法
2017/09/30 Javascript
微信小程序排坑指南详解
2018/05/23 Javascript
jQuery 导航自动跟随滚动的实现代码
2018/05/30 jQuery
vue请求本地自己编写的json文件的方法
2019/04/25 Javascript
Vue中的transition封装组件的实现方法
2019/08/13 Javascript
angular8.5集成TinyMce5的使用和详细配置(推荐)
2020/11/16 Javascript
[04:03]DOTA2英雄梦之声_第02期_风暴之灵
2014/06/30 DOTA
python实现的一个火车票转让信息采集器
2014/07/09 Python
python进阶_浅谈面向对象进阶
2017/08/17 Python
Python输出各行命令详解
2018/02/01 Python
python 实现Flask中返回图片流给前端展示
2020/01/09 Python
python基于exchange函数发送邮件过程详解
2020/11/06 Python
香港卓悦化妆品官网:BONJOUR
2017/09/21 全球购物
技术总监个人的自我评价范文
2013/12/18 职场文书
会计系个人求职信范文分享
2013/12/20 职场文书
财务会计人员求职的自我评价
2014/01/13 职场文书
运输公司工作总结
2015/08/11 职场文书
python flappy bird小游戏分步实现流程
2022/02/15 Python
《传颂之物 虚伪的假面》BD发售宣传CM公开
2022/04/04 日漫