Home > Web Front-end > JS Tutorial > The 20 most commonly used regular expressions in JavaScript

The 20 most commonly used regular expressions in JavaScript

php中世界最好的语言
Release: 2018-02-27 09:56:25
Original
2015 people have browsed it

这次给大家带来JavaScript里最常用的20条正则表达式,JavaScript里最常用的正则表达式注意事项有哪些,下面就是实战案例,一起来看一下。

1.trim功能(清除字符串两端空格)

String.prototype.trim = function() { return this.replace(/(^\s+)|(\s+$)/g, '');
};' abc '.trim();// 输出 "abc"
Copy after login

2. 提取浏览器中url的参数名和参数值

function getUrlParam(url) {
  var result = {},
      url = url || window.location.href,
      reg = /([\?|&])(.+?)=([^&?]*)/gi,
      arr = reg.exec(url);
  
  while(arr) {    result[arr[2]] = arr[3];
    arr = reg.exec(url);
  }
 
  return result;
} getUrlParam('https://www.baidu.com?a=0&b=1&c=2');// 输出 "{a: "0", b: "1", c: "2"}"
Copy after login

3. 扩展typeof,探明具体类型

function getType(obj) { var result = Object.prototype.toString.call(obj);     result = result.replace(/\[object\s(\w+)\]/, '$1');
  
  return result;
} getType([1,2]);// 输出 "Array"getType(null);// 输出 "Null"
Copy after login

4. 在字符串的指定位置插入新字符

String.prototype.insertAt = function(str, index) {
  index += 1;
  var reg = new RegExp('(^.{' + index + '})');
 
  return this.replace(reg, '$1' + str);
};  'abcde'.insertAt('123', 2);// 输出 "abc123de"
Copy after login

5. 隐藏手机号中间4位

function telFormat(tel) {
  tel = String(tel); 
  return tel.replace(/(\d{3})(\d{4})(\d{4})/, '$1****$3');
}   telFormat(13899207998);// 输出 "138****7998"
Copy after login

6. 字符串调换

var name = "Doe Jone";
name.replace(/(\w+)\s* \s*(\w+)/, "$2 $1"); // 输出 "Jone Doe"
Copy after login

7. 字符串截取

var str = ' asfdf === sdfaf ##';
str.match(/[^===]+(?=[===])/g);
// 输出 " asfdf "
Copy after login

8. 检测密码强度正则

// 必须是包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间。
/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$/.test("weeeeeeeW2");// 输出 true 
// 密码强度正则,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符
/^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/.test("diaoD123#");
// 输出 true
Copy after login

9. 检测中文字符

// 检测字符串是否只含中文
/^[\u4e00-\u9fa5]{0,}$/.test("但是d");// 输出 false
/^[\u4e00-\u9fa5]{0,}$/.test("但是");// 输出 true
// 包含有中文
/[\u4E00-\u9FA5]/.test("但是d");// 输出 true
Copy after login

10. 身份证号正则

/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/.test("42112319870115371X");
// 输出 false
Copy after login

11. 校验日期 (“yyyy-mm-dd“ 格式,已考虑平闰年)

// 日期正则,简单判定,未做月份及日期的判定
var dP1 = /^\d{4}(\-)\d{1,2}\1\d{1,2}$/;
console.log(dP1.test("2017-05-11"));
// 输出 true
console.log(dP1.test("2017-15-11"));// 输出 true
// 日期正则,复杂判定
var dP2 = /^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$/;
console.log(dP2.test("2017-02-11"));// 输出 true
console.log(dP2.test("2017-15-11"));
// 输出 false
console.log(dP2.test("2017-02-29"));
// 输出 false
Copy after login

12. 浮点数正则

// 验证是否为浮点数
/^(?:[-+])?(?:[0-9]+)?(?:\.[0-9]*)?(?:[eE][\+\-]?(?:[0-9]+))?$/.test(0.2); // 输出 true
Copy after login

13. Email正则

// 验证Email/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/.test("wowohoo@qq.com");  
// 1.邮箱以a-z、A-Z、0-9开头,最小长度为1.
// 2.如果左侧部分包含-、_、.则这些特殊符号的前面必须包一位数字或字母。
// 3.@符号是必填项
// 4.右则部分可分为两部分,第一部分为邮件提供商域名地址,第二部分为域名后缀,现已知的最短为2位。
//   最长的为6为。
// 5.邮件提供商域可以包含特殊字符-、_、.
/^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/.test("wowohoo@qq.com");// 输出 true
Copy after login

14. 校验传真号码

// 国家代码(2到3位)-区号(2到3位)-电话号码(7到8位)-分机号(3位)
/^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/.test('021-5055455');// 输出 true
Copy after login

15. 手机号正则

/^1[34578]\d{9}$/.test("13611778887");
// 输出 true
//* 13段:130、131、132、133、134、135、136、137、138、139
//* 14段:145、147
//* 15段:150、151、152、153、155、156、157、158、159
//* 17段:170、176、177、178
//* 18段:180、181、182、183、184、185、186、187、188、189
//* 国际码 如:中国(+86)
/^((\+?[0-9]{1,4})|(\(\+86\)))?(13[0-9]|14[57]|15[012356789]|17[03678]|18[0-9])\d{8}$/.test("1
// 输出 true
Copy after login

16. URL正则

/^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/.test("http://wangchujiang.com");
// 输出 true
// 获取url中域名、协议正则 'http://xxx.xx/xxx','https://xxx.xx/xxx','//xxx.xx/xxx'
/^(http(?:|s)\:)*\/\/([^\/]+)/.test("http://www.baidu.com");
// 输出 true
/^((http|https):\/\/(\w+:{0,1}\w*@)?(\S+)|)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?$/.test('https://www.baidu.com/s?wd=@#%$^&%$#');
// 输出 true
// 必须有协议 
/^[a-zA-Z]+:\/\//.test("http://www.baidu.com");// 输出 true
Copy after login

17. RGB Hex颜色正则

/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test("#b8b8b8");
// 输出 true
Copy after login

18. 车牌号正则

/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/.test("沪B99116");
// 输出 true
Copy after login

19. 校验微信号

// 6至20位,以字母开头,字母,数字,减号,下划线
/^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/.test("jslite"); 
// 输出 true
Copy after login

20. 校验QQ号

// 5至11位
/^[1-9][0-9]{4,10}$/.test("398188661");// 输出 true
Copy after login

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

详解浏览器渲染流程

HTML中关于盒模型的总结

怎样让按钮点击后出现“点”的边框

在HTML中各类型盒子的基线应如何确定

The above is the detailed content of The 20 most commonly used regular expressions in JavaScript. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template