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 实现checkbox全选,反选,全不选等功能代码(奇数)
Oct 24 Javascript
Javascript实现动态菜单添加的实例代码
Jul 05 Javascript
JS实现选中当前菜单后高亮显示的导航条效果
Oct 15 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
Nov 19 Javascript
javascript实现label标签跳出循环操作
Mar 06 Javascript
Bootstrap的modal拖动效果
Dec 25 Javascript
JS实现浏览器打印、打印预览示例
Feb 28 Javascript
webpack项目调试以及独立打包配置文件的方法
Feb 28 Javascript
vue如何实现自定义底部菜单栏
Jul 01 Javascript
解决Vue调用springboot接口403跨域问题
Sep 02 Javascript
JS实现排行榜文字向上滚动轮播效果
Nov 26 Javascript
js实现跳一跳小游戏
Jul 31 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
如何用phpmyadmin设置mysql数据库用户的权限
2012/01/09 PHP
PHP与MYSQL中UTF8 中文排序示例代码
2014/10/23 PHP
PHP自带ZIP压缩、解压缩类ZipArchiv使用指南
2015/03/03 PHP
PHP中你应该知道的require()文件包含的正确用法
2015/06/12 PHP
php采用session实现防止页面重复刷新
2015/12/24 PHP
PHP编写简单的App接口
2016/08/28 PHP
PHP设计模式之模板方法模式实例浅析
2018/12/20 PHP
JS实现图片翻书效果示例代码
2013/09/09 Javascript
javascript从image转换为base64位编码的String
2014/07/29 Javascript
Javascript堆排序算法详解
2014/12/03 Javascript
原生javascript实现DIV拖拽并计算重复面积
2015/01/02 Javascript
ashx文件获取$.ajax()方法发送的数据
2016/05/26 Javascript
深入理解Javascript中的观察者模式
2017/02/20 Javascript
js禁止表单重复提交
2017/08/29 Javascript
基于vue.js中事件修饰符.self的用法(详解)
2018/02/23 Javascript
AngularJS发送异步Get/Post请求方法
2018/08/13 Javascript
vue组件之间数据传递的方法实例分析
2019/02/12 Javascript
electron+vue实现div contenteditable截图功能
2020/01/07 Javascript
JavaScript实现鼠标经过表格某行时此行变色
2020/11/20 Javascript
Python使用scrapy采集时伪装成HTTP/1.1的方法
2015/04/08 Python
Python开发中爬虫使用代理proxy抓取网页的方法示例
2017/09/26 Python
利用Pandas 创建空的DataFrame方法
2018/04/08 Python
OpenCV3.0+Python3.6实现特定颜色的物体追踪
2019/07/23 Python
python如何处理程序无法打开
2020/06/16 Python
Python操作PostgreSql数据库的方法(基本的增删改查)
2020/12/29 Python
python中xlrd模块的使用详解
2021/02/01 Python
详解通过变换矩阵实现canvas的缩放功能
2019/01/14 HTML / CSS
HTML5新增的8类INPUT输入类型介绍
2015/07/06 HTML / CSS
HTML5 History API 实现无刷新跳转
2016/01/11 HTML / CSS
高档奢华时装在线目的地:FORWARD by elyse walker
2017/10/16 全球购物
幼儿园教师节活动方案
2014/02/02 职场文书
美术学专业求职信
2014/07/23 职场文书
不遵守课堂纪律的检讨书
2014/09/24 职场文书
2015年师德表现自我评价
2015/03/05 职场文书
2016年优秀党员教师先进事迹材料
2016/02/29 职场文书
聊聊Python String型列表求最值的问题
2022/01/18 Python