JavaScript正则表达式简单实用实例


Posted in Javascript onJune 23, 2017

 1.replace

var user='xia&&min**';
user=user.replace(/[^A-Za-z\d_-]+/,'');   //需要再次赋值
console.log(user); //xiamin**
user = user.replace(/[^A-Za-z\d_-]+/g, '');  //全局进行替换
console.log(user); //xiamin

分割邮件

var email='nettuts@tutsplus.com';
var result=email.replace(/([A-Za-z_\d-]+)@([A-Za-z_\d-]+)\.[a-z]{2,4}/ig,'$1,$2');
console.log(result); //nettuts tutsplus

2.test

这个方法接受单个字符串参数,然后返回一个布尔值,该值表明是否找到一个批评。如果你不需要对特定的匹配结果进行操作,比如,验证用户名,“test”方法已足够完成这个任务。

var name='xiamin';
var result=/[A-Za-z-_]+/.test(name);
console.log(result);

3.match

与test方法不同,match() 返回一个包含所有找到的批评的数组。

var name='xiamin';
var result=name.match(/i/g);
console.log(result); //(2) ["i", "i"]

匹配所有问号前后内容

var url ='http://localhost:8080?name=xiamin';
var result=url.match(/^(.+)\?(.+)/i);
console.log(result);//"http://localhost:8080?name=xiamin?" "http://localhost:8080" "name=xiamin"

匹配#后面的内容

var url ='http://localhost:8080?name=xiamin#dnsjdnw';
var result=url.match(/#(.+)/i);
console.log(result);//"#dnsjdnw", "dnsjdnw"

获取协议

var url ='http://localhost:8080?name=xiamin#dnsjdnw';
var result=url.match(/(ht|f)tps?:/i);
console.log(result);//"http:", "ht"

匹配页面url

var url ='http://www.baidu.com';
var result=url.match(/.+\.[a-z]{2,4}/ig);
console.log(result);//http://www.baidu.com

以上所述是小编给大家介绍的JavaScript正则表达式简单实用实例,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Jquery 插件学习实例1 插件制作说明与tableUI优化
Apr 02 Javascript
JQuery+DIV自定义滚动条样式的具体实现
Jun 25 Javascript
动态改变div的z-index属性的简单实例
Aug 08 Javascript
使用javascript实现ListBox左右全选,单选,多选,全请
Nov 07 Javascript
Express.JS使用详解
Jul 17 Javascript
Node.js中创建和管理外部进程详解
Aug 16 Javascript
简单介绍JavaScript中字符串创建的基本方法
Jul 07 Javascript
css如何让浮动元素水平居中
Aug 07 Javascript
使用Bootstrap typeahead插件实现搜索框自动补全的方法
Jul 07 Javascript
footer定位页面底部(代码分享)
Mar 07 Javascript
微信小程序使用input组件实现密码框功能【附源码下载】
Dec 11 Javascript
解决Layui数据表格的宽高问题
Sep 28 Javascript
js中的事件委托或是事件代理使用详解
Jun 23 #Javascript
JS判断非空至少输入两个字符的简单实现方法
Jun 23 #Javascript
详解Vue.js之视图和数据的双向绑定(v-model)
Jun 23 #Javascript
微信小程序组件 marquee实例详解
Jun 23 #Javascript
VUE元素的隐藏和显示(v-show指令)
Jun 23 #Javascript
vue数据双向绑定的注意点
Jun 23 #Javascript
Vue.js常用指令的使用小结
Jun 23 #Javascript
You might like
对PHP语言认识上需要避免的10大误区
2014/06/12 PHP
PHP Laravel 上传图片、文件等类封装
2017/08/16 PHP
Vagrant(WSL)+PHPStorm+Xdebu 断点调试环境搭建
2019/12/13 PHP
Javascript计算时间差的函数分享
2011/07/04 Javascript
新浪微博字数统计 textarea字数统计实现代码
2011/08/28 Javascript
javascript学习笔记(十七) 检测浏览器插件代码
2012/06/20 Javascript
javascript时间自动刷新实现原理与步骤
2013/01/06 Javascript
js 判断上传文件大小及格式代码
2013/11/13 Javascript
jtable列中自定义button示例代码
2013/11/21 Javascript
jQuery选择器全集详解
2014/11/24 Javascript
javascript检查某个元素在数组中的索引值
2016/03/30 Javascript
jQuery实现图像旋转动画效果
2016/05/29 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
2017/03/01 Javascript
Vue2.x中的父子组件相互通信的实现方法
2017/05/02 Javascript
深入理解ES6学习笔记之块级作用域绑定
2017/08/19 Javascript
JavaScript时间戳与时间日期间相互转换
2017/12/11 Javascript
vue模仿网易云音乐的单页面应用
2019/04/24 Javascript
js实现图片粘贴到网页
2019/12/06 Javascript
Vue页面刷新记住页面状态的实现
2019/12/27 Javascript
Vue实现跑马灯效果
2020/05/25 Javascript
JavaScript实现无限轮播效果
2020/11/19 Javascript
浅析Python多线程下的变量问题
2015/04/28 Python
Django migrations 默认目录修改的方法教程
2018/09/28 Python
pyqt5 comboBox获得下标、文本和事件选中函数的方法
2019/06/14 Python
基于Python测试程序是否有错误
2020/05/16 Python
Kent & Curwen:与大卫·贝克汉姆合作
2017/06/13 全球购物
新东方旗下远程教育网站:新东方在线
2020/03/19 全球购物
英国鲜花递送:Blossoming Gifts
2020/07/10 全球购物
《春笋》教学反思
2014/04/15 职场文书
语文复习计划
2015/01/19 职场文书
离职感谢信
2015/01/21 职场文书
女方离婚起诉书
2015/05/18 职场文书
投资申请报告
2015/05/19 职场文书
2016年度农村党员干部主题教育活动总结
2016/04/06 职场文书
聊聊pytorch测试的时候为何要加上model.eval()
2021/05/23 Python
python opencv旋转图片的使用方法
2021/06/04 Python