Heim > Web-Frontend > js-Tutorial > Hauptteil

Die 20 am häufigsten verwendeten regulären Ausdrücke in JavaScript

php中世界最好的语言
Freigeben: 2018-02-27 09:56:25
Original
1930 Leute haben es durchsucht

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

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

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

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"}"
Nach dem Login kopieren

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"
Nach dem Login kopieren

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"
Nach dem Login kopieren

5. 隐藏手机号中间4位

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

6. 字符串调换

var name = "Doe Jone";
name.replace(/(\w+)\s* \s*(\w+)/, "$2 $1"); // 输出 "Jone Doe"
Nach dem Login kopieren

7. 字符串截取

var str = ' asfdf === sdfaf ##';
str.match(/[^===]+(?=[===])/g);
// 输出 " asfdf "
Nach dem Login kopieren

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
Nach dem Login kopieren

9. 检测中文字符

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

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
Nach dem Login kopieren

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
Nach dem Login kopieren

12. 浮点数正则

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

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
Nach dem Login kopieren

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
Nach dem Login kopieren

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
Nach dem Login kopieren

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
Nach dem Login kopieren

17. RGB Hex颜色正则

/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test("#b8b8b8");
// 输出 true
Nach dem Login kopieren

18. 车牌号正则

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

19. 校验微信号

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

20. 校验QQ号

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

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

相关阅读:

详解浏览器渲染流程

HTML中关于盒模型的总结

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

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

Das obige ist der detaillierte Inhalt vonDie 20 am häufigsten verwendeten regulären Ausdrücke in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!