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 DOM 学习第三章 内容表格
Feb 19 Javascript
JavaScript对象之间的转换 jQuery对象和原声DOM
Mar 07 Javascript
lyhucSelect基于Jquery的Select数据联动插件
Mar 29 Javascript
JS 跳转页面延迟2种方法
Mar 29 Javascript
require.js的用法详解
Oct 20 Javascript
详解javascript获取url信息的常见方法
Dec 19 Javascript
微信小程序  checkbox组件详解及简单实例
Jan 10 Javascript
在ES5与ES6环境下处理函数默认参数的实现方法
May 13 Javascript
Angular路由ui-router配置详解
Aug 01 Javascript
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
Oct 22 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
Mar 13 Javascript
Node.js 深度调试方法解析
Jul 28 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
2019年中国咖啡业现状与发展趋势
2021/03/04 咖啡文化
PHP数组 为文章加关键字连接 文章内容自动加链接
2011/12/29 PHP
php获取数组中重复数据的两种方法
2013/06/28 PHP
PHP开发框架Laravel数据库操作方法总结
2014/09/03 PHP
php通过文件流方式复制文件的方法
2015/03/13 PHP
php面向对象值单例模式
2016/05/03 PHP
Yii2 rbac权限控制之rule教程详解
2016/06/23 PHP
实例讲解PHP验证邮箱是否合格
2019/01/28 PHP
PHP常用函数之根据生日计算年龄功能示例
2019/10/21 PHP
Laravel + Elasticsearch 实现中文搜索的方法
2020/02/02 PHP
php实现商城购物车的思路和源码分析
2020/07/23 PHP
javascript学习笔记(十三) js闭包介绍(转)
2012/06/20 Javascript
js获取当前地址 JS获取当前URL的示例代码
2014/02/26 Javascript
js中的cookie的读写操作示例详解
2014/04/17 Javascript
JavaScript动态加载样式表的方法
2015/03/21 Javascript
JQuery勾选指定name的复选框集合并显示的方法
2015/05/18 Javascript
jQuery实现调整表格单列顺序完整实例
2016/06/20 Javascript
JS使用面向对象技术实现的tab选项卡效果示例
2017/02/28 Javascript
Javascript格式化并高亮xml字符串的方法及注意事项
2018/08/13 Javascript
VScode格式化ESlint方法(最全最好用方法)
2019/09/10 Javascript
JS Html转义和反转义(html编码和解码)的实现与使用方法总结
2020/03/10 Javascript
react ant Design手动设置表单的值操作
2020/10/31 Javascript
Python中join和split用法实例
2015/04/14 Python
python3中os.path模块下常用的用法总结【推荐】
2018/09/16 Python
两个元祖T1=('a', 'b'),T2=('c', 'd')使用匿名函数将其转变成[{'a': 'c'},{'b': 'd'}]的几种方法
2019/03/05 Python
Python画图实现同一结点多个柱状图的示例
2019/07/07 Python
浅谈django 模型类使用save()方法的好处与注意事项
2020/03/28 Python
python开发入门——set的使用
2020/09/03 Python
为2021年的第一场雪锦上添花:用matplotlib绘制雪花和雪景
2021/01/05 Python
英国在线泳装店:Simply Swim
2019/05/05 全球购物
三星加拿大官方网上商店:Samsung CA
2020/12/18 全球购物
教师党员先进性教育自我剖析材料思想汇报
2014/09/24 职场文书
员工评语范文
2014/12/31 职场文书
户外拓展训练感想
2015/08/07 职场文书
导游词之井冈山
2019/11/20 职场文书
vue实现列表垂直无缝滚动
2022/04/08 Vue.js