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 相关文章推荐
javascript 清除输入框中的数据
Apr 13 Javascript
Textbox控件注册回车事件及触发按钮提交事件具体实现
Mar 04 Javascript
javascript版的in_array函数(判断数组中是否存在特定值)
May 09 Javascript
jquery判断至少有一个checkbox被选中的方法
Jun 05 Javascript
JS+CSS实现的经典圆角下拉菜单效果代码
Oct 21 Javascript
一不小心就做错的JS闭包面试题
Nov 25 Javascript
理解jquery事件冒泡
Jan 03 Javascript
javascript基础知识分享之类与函数化
Feb 13 Javascript
Vue框架下引入ActiveX控件的问题解决
Mar 25 Javascript
js实现弹出框的拖拽效果实例代码详解
Apr 16 Javascript
laypage+SpringMVC实现后端分页
Jul 27 Javascript
原生js canvas实现鼠标跟随效果
Aug 02 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
Yii中创建自己的Widget实例
2016/01/05 PHP
ThinkPHP连接Oracle数据库
2016/04/22 PHP
简单谈谈PHP中的trait
2017/02/25 PHP
php实现的pdo公共类定义与用法示例
2017/07/19 PHP
Laravel5.1 框架表单验证操作实例详解
2020/01/07 PHP
javascript URL编码和解码使用说明
2010/04/12 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
2014/10/10 Javascript
javascript实现简单的分页特效
2015/08/12 Javascript
JS实现新浪微博效果带遮罩层的弹出框代码
2015/10/12 Javascript
jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
2016/01/04 Javascript
jQuery删除节点用法示例(remove方法)
2016/09/08 Javascript
javascript比较语义化版本号的实现代码
2016/09/09 Javascript
详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
2017/02/17 Javascript
JS/jQuery实现DIV延时几秒后消失或显示的方法
2018/02/12 jQuery
如何用webpack4带你实现一个vue的打包的项目
2018/06/20 Javascript
Vue 路由 过渡动效 数据获取方法
2018/07/31 Javascript
原生JS实现简单的无缝自动轮播效果
2018/09/26 Javascript
vue-cli3 从搭建到优化的详细步骤
2019/01/20 Javascript
Layui Table js 模拟选中checkbox的例子
2019/09/03 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
2019/09/04 Javascript
微信小程序的引导页实现代码
2020/06/24 Javascript
Python入门篇之函数
2014/10/20 Python
python扫描proxy并获取可用代理ip的实例
2017/08/07 Python
django 创建过滤器的实例详解
2017/08/14 Python
Python中单、双下划线的区别总结
2017/12/01 Python
Django框架使用内置方法实现登录功能详解
2019/06/12 Python
Python 没有main函数的原因
2020/07/10 Python
html2canvas生成的图片偏移不完整的解决方法
2020/05/19 HTML / CSS
香港连卡佛百货官网:Lane Crawford
2019/09/04 全球购物
广播电视新闻学专业应届生求职信
2013/10/08 职场文书
安全先进个人材料
2014/12/29 职场文书
公司年夜饭通知
2015/04/25 职场文书
奇妙的 CSS shapes(CSS图形)
2021/04/05 HTML / CSS
Python深度学习之Pytorch初步使用
2021/05/20 Python
「月刊Comic Alive」2022年5月号封面公开
2022/03/21 日漫
GPU服务器的多用户配置方法
2022/07/07 Servers