JavaScript에서 가장 일반적으로 사용되는 20가지 정규식

php中世界最好的语言
풀어 주다: 2018-02-27 09:56:25
원래의
2004명이 탐색했습니다.

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

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

String.prototype.trim = function() { return this.replace(/(^\s+)|(\s+$)/g, '');
};' abc '.trim();// 输出 "abc"
로그인 후 복사

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"}"
로그인 후 복사

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"
로그인 후 복사

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"
로그인 후 복사

5. 隐藏手机号中间4位

function telFormat(tel) {
  tel = String(tel); 
  return tel.replace(/(\d{3})(\d{4})(\d{4})/, '$1****$3');
}   telFormat(13899207998);// 输出 "138****7998"
로그인 후 복사

6. 字符串调换

var name = "Doe Jone";
name.replace(/(\w+)\s* \s*(\w+)/, "$2 $1"); // 输出 "Jone Doe"
로그인 후 복사

7. 字符串截取

var str = ' asfdf === sdfaf ##';
str.match(/[^===]+(?=[===])/g);
// 输出 " asfdf "
로그인 후 복사

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
로그인 후 복사

9. 检测中文字符

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

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
로그인 후 복사

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
로그인 후 복사

12. 浮点数正则

// 验证是否为浮点数
/^(?:[-+])?(?:[0-9]+)?(?:\.[0-9]*)?(?:[eE][\+\-]?(?:[0-9]+))?$/.test(0.2); // 输出 true
로그인 후 복사

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
로그인 후 복사

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
로그인 후 복사

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
로그인 후 복사

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
로그인 후 복사

17. RGB Hex颜色正则

/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test("#b8b8b8");
// 输出 true
로그인 후 복사

18. 车牌号正则

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

19. 校验微信号

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

20. 校验QQ号

// 5至11位
/^[1-9][0-9]{4,10}$/.test("398188661");// 输出 true
로그인 후 복사

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

相关阅读:

详解浏览器渲染流程

HTML中关于盒模型的总结

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

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

위 내용은 JavaScript에서 가장 일반적으로 사용되는 20가지 정규식의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿