首页 >> js开发 >> jsJS正则表达式常见函数与用法小结js大全
jsJS正则表达式常见函数与用法小结js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
本文实例讲述了JS正则表达式常见函数与用法。分享给大家供大家参考,具体如下:search()使用正则表达式search()使用正则表达式
//使用正则表达式搜索 "Runoob" 字符串,且不区分大小写
var str = "Visit Runoob!";
var n = str.search(/Runoob/i);
//使用正则表达式搜索 "Runoob" 字符串,且不区分大小写
var str = "Visit Runoob!";
var n = str.search(/Runoob/i);
search() 方法使用字符串search() 方法使用字符串search 方法可使用字符串作为参数。字符串参数会转换为正则表达式:
var str = "Visit Runoob!";
var n = str.search("Runoob");
//输出
6
var str = "Visit Runoob!";
var n = str.search("Runoob");
//输出
6
replace() 方法使用正则表达式
replace() 方法使用正则表达式
//使用正则表达式且不区分大小写将字符串中的 Microsoft 替换为 Runoob :
var str = document.getElementById("demo").innerHTML;
var txt = str.replace(/microsoft/i,"Runoob");
//使用正则表达式且不区分大小写将字符串中的 Microsoft 替换为 Runoob :
var str = document.getElementById("demo").innerHTML;
var txt = str.replace(/microsoft/i,"Runoob");
replace() 方法使用字符串replace() 方法使用字符串replace() 方法将接收字符串作为参数:
var str = document.getElementById("demo").innerHTML;
var txt = str.replace("Microsoft","Runoob");
var str = document.getElementById("demo").innerHTML;
var txt = str.replace("Microsoft","Runoob");
正则表达式修饰符正则表达式修饰符修饰符 可以在全局搜索中不区分大小写:
修饰符
描述
i
执行对大小写不敏感的匹配。
g
执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
m
执行多行匹配。
修饰符
描述
i
执行对大小写不敏感的匹配。
g
执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
m
执行多行匹配。
修饰符
描述
修饰符描述
i
执行对大小写不敏感的匹配。
i执行对大小写不敏感的匹配。
g
执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
g执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
m
执行多行匹配。
m执行多行匹配。使用 test()使用 test()test() 方法是一个正则表达式方法。test() 方法用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 false。以下实例用于搜索字符串中的字符 "e":
var patt = /e/;
patt.test("The best things in life are free!");
var patt = /e/;
patt.test("The best things in life are free!");
字符串中含有 "e",所以该实例输出为:
true
true
可以不用设置正则表达式的变量,以上两行代码可以合并为一行:
/e/.test("The best things in life are free!")
/e/.test("The best things in life are free!")
使用 exec()使用 exec()exec() 方法是一个正则表达式方法。exec() 方法用于检索字符串中的正则表达式的匹配。该函数返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null。以下实例用于搜索字符串中的字母 "e":
/e/.exec("The best things in life are free!");
/e/.exec("The best things in life are free!"); 字符串中含有 "e",所以该实例输出为:
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);
}
/*是否带有小数*/
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);
}
PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:JavaScript正则表达式在线测试工具:
http://tools./regex/javascriptJavaScript正则表达式在线测试工具:
JavaScript正则表达式在线测试工具:
http://tools./regex/javascript正则表达式在线生成工具:
http://tools./regex/create_reg正则表达式在线生成工具:
正则表达式在线生成工具:
http://tools./regex/create_reg关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript正则表达式技巧大全》、《JavaScript替换操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》JavaScript正则表达式技巧大全JavaScript替换操作技巧总结JavaScript查找算法技巧总结JavaScript数据结构与算法技巧总结JavaScript遍历算法与技巧总结JavaScript中json操作技巧总结JavaScript错误与调试技巧总结JavaScript数学运算用法总结希望本文所述对大家JavaScript程序设计有所帮助。
//使用正则表达式搜索 "Runoob" 字符串,且不区分大小写
var str = "Visit Runoob!";
var n = str.search(/Runoob/i);
//使用正则表达式搜索 "Runoob" 字符串,且不区分大小写
var str = "Visit Runoob!";
var n = str.search(/Runoob/i);
search() 方法使用字符串search() 方法使用字符串search 方法可使用字符串作为参数。字符串参数会转换为正则表达式:
var str = "Visit Runoob!";
var n = str.search("Runoob");
//输出
6
var str = "Visit Runoob!";
var n = str.search("Runoob");
//输出
6
replace() 方法使用正则表达式
replace() 方法使用正则表达式
//使用正则表达式且不区分大小写将字符串中的 Microsoft 替换为 Runoob :
var str = document.getElementById("demo").innerHTML;
var txt = str.replace(/microsoft/i,"Runoob");
//使用正则表达式且不区分大小写将字符串中的 Microsoft 替换为 Runoob :
var str = document.getElementById("demo").innerHTML;
var txt = str.replace(/microsoft/i,"Runoob");
replace() 方法使用字符串replace() 方法使用字符串replace() 方法将接收字符串作为参数:
var str = document.getElementById("demo").innerHTML;
var txt = str.replace("Microsoft","Runoob");
var str = document.getElementById("demo").innerHTML;
var txt = str.replace("Microsoft","Runoob");
正则表达式修饰符正则表达式修饰符修饰符 可以在全局搜索中不区分大小写:
修饰符
描述
i
执行对大小写不敏感的匹配。
g
执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
m
执行多行匹配。
修饰符
描述
i
执行对大小写不敏感的匹配。
g
执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
m
执行多行匹配。
修饰符
描述
修饰符描述
i
执行对大小写不敏感的匹配。
i执行对大小写不敏感的匹配。
g
执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
g执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
m
执行多行匹配。
m执行多行匹配。使用 test()使用 test()test() 方法是一个正则表达式方法。test() 方法用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 false。以下实例用于搜索字符串中的字符 "e":
var patt = /e/;
patt.test("The best things in life are free!");
var patt = /e/;
patt.test("The best things in life are free!");
字符串中含有 "e",所以该实例输出为:
true
true
可以不用设置正则表达式的变量,以上两行代码可以合并为一行:
/e/.test("The best things in life are free!")
/e/.test("The best things in life are free!")
使用 exec()使用 exec()exec() 方法是一个正则表达式方法。exec() 方法用于检索字符串中的正则表达式的匹配。该函数返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null。以下实例用于搜索字符串中的字母 "e":
/e/.exec("The best things in life are free!");
/e/.exec("The best things in life are free!"); 字符串中含有 "e",所以该实例输出为:
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);
}
/*是否带有小数*/
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);
}
PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:JavaScript正则表达式在线测试工具:
http://tools./regex/javascriptJavaScript正则表达式在线测试工具:
JavaScript正则表达式在线测试工具:
http://tools./regex/javascript正则表达式在线生成工具:
http://tools./regex/create_reg正则表达式在线生成工具:
正则表达式在线生成工具:
http://tools./regex/create_reg关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript正则表达式技巧大全》、《JavaScript替换操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》JavaScript正则表达式技巧大全JavaScript替换操作技巧总结JavaScript查找算法技巧总结JavaScript数据结构与算法技巧总结JavaScript遍历算法与技巧总结JavaScript中json操作技巧总结JavaScript错误与调试技巧总结JavaScript数学运算用法总结希望本文所述对大家JavaScript程序设计有所帮助。
相关文章:
- js解决Vue router-link绑定事件不生效的问题js大全
- jsJS的时间格式化和时间戳转换函数示例详解js大全
- jsecharts实现获取datazoom的起始值(包括x轴和y轴)js大全
- jsVue 解决父组件跳转子路由后当前导航active样式消失问题js大全
- js解决Echarts2竖直datazoom滑动后显示数据不全的问题js大全
- js解决echarts 一条柱状图显示两个值,类似进度条的问题js大全
- js解决echarts中横坐标值显示不全(自动隐藏)问题js大全
- js详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)js大全
- js解决Vue中的生命周期beforeDestory不触发的问题js大全
- jsvue中解决拖拽改变存在iframe的div大小时卡顿问题js大全