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参考实例 1.0 jQuery的哲学
Apr 07 Javascript
js中复制行和删除行的操作实例
Jun 25 Javascript
js浏览器本地存储store.js介绍及应用
May 13 Javascript
js单独获取一个checkbox看其是否被选中
Sep 22 Javascript
JavaScript数组合并的多种方法
May 22 Javascript
Jquery Easyui选项卡组件Tab使用详解(10)
Dec 18 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
Jun 02 Javascript
vue-cli如何添加less 以及sass
Jul 06 Javascript
js中的 || 与 && 运算符详解
May 24 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
对vue中v-if的常见使用方法详解
Sep 28 Javascript
vue如何使用async、await实现同步请求
Dec 09 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
PHP查找数值数组中不重复最大和最小的10个数的方法
2015/04/20 PHP
PHP获取网页所有连接的方法(附demo源码下载)
2016/03/30 PHP
php设计模式之原型模式分析【星际争霸游戏案例】
2020/03/23 PHP
C#中TrimStart,TrimEnd,Trim在javascript上的实现
2011/01/17 Javascript
HTML5实现留言和回复页面样式
2015/07/22 Javascript
详解Javascript继承的实现
2016/03/25 Javascript
jquery实现左右滑动式轮播图
2017/03/02 Javascript
ES6正则表达式扩展笔记
2017/07/25 Javascript
Webpack中雪碧图插件使用详解
2018/05/25 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
2020/09/12 Javascript
JS中箭头函数与this的写法和理解
2021/01/14 Javascript
[06:43]DAC2018 4.5 SOLO赛 Maybe vs Paparazi
2018/04/06 DOTA
Python IDLE 错误:IDLE''s subprocess didn''t make connection 的解决方案
2017/02/13 Python
浅谈python中的数字类型与处理工具
2017/08/02 Python
python和shell获取文本内容的方法
2018/06/05 Python
Django安装配置mysql的方法步骤
2018/10/15 Python
详解Python安装tesserocr遇到的各种问题及解决办法
2019/03/07 Python
Python Excel处理库openpyxl使用详解
2019/05/09 Python
python基于paramiko将文件上传到服务器代码实现
2019/07/08 Python
pytorch打印网络结构的实例
2019/08/19 Python
python Tensor和Array对比分析
2020/01/08 Python
在python中利用dict转json按输入顺序输出内容方式
2020/02/27 Python
python如何进行矩阵运算
2020/06/05 Python
python logging模块的使用
2020/09/07 Python
英国人最爱的饰品网站:Accessorize
2016/08/22 全球购物
Melijoe英国官网:法国儿童时尚网站
2016/11/18 全球购物
美国半成品食材配送服务商:Home Chef
2018/01/25 全球购物
澳大利亚快时尚鞋类市场:Billini
2018/05/20 全球购物
Easy Spirit官网:美国休闲鞋履中的代表品牌
2019/04/12 全球购物
一套带网友答案的.NET笔试题
2016/12/06 面试题
企业为何需要商业计划书
2013/12/26 职场文书
证婚人搞笑证婚词
2014/01/10 职场文书
社区反邪教工作方案
2014/06/16 职场文书
12.4法制宣传日活动总结
2014/08/26 职场文书
Html5大屏数据可视化开发的实现
2021/06/11 HTML / CSS
eclipse创建项目没有dynamic web的解决方法
2021/06/24 Java/Android