js 正则或_Web前端工程师要知道的JS 常用正则表达式

说起正则表达式，相信从事web前端开发的人一定很熟悉，正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本，是web前端开发中经常会用到的。今天，就为大家分享JS常用的正则表达式以及创建正则表达式的备忘单，供大家学习参考。

1、匹配正则

使用 .test() 方法

let testString = "My test string";let testRegex = /string/;testRegex.test(testString);

2、匹配多个模式

使用操作符号 |

const regex = /yes|no|maybe/;

3、忽略大小写

使用i标志表示忽略大小写

const caseInsensitiveRegex = /ignore case/i;const testString = 'We use the i flag to iGnOrE CasE';caseInsensitiveRegex.test(testString); // true

4、提取变量的第一个匹配项

使用 .match() 方法

const match = "Hello World!".match(/hello/i); // "Hello"

5、提取数组中的所有匹配项

使用 g 标志

const testString = "Repeat repeat rePeAT";const regexWithAllMatches = /Repeat/gi;testString.match(regexWithAllMatches); // ["Repeat

js 正则或_Web前端工程师要知道的JS 常用正则表达式相关推荐

达内html5是什么,Web前端工程师应该知道的HTML5相关知识有哪些
今天小编要跟大家分享的文章是关于Web前端工程师应该知道的HTML5相关知识有哪些?随着互联网技术的快速发展,人们对互联网的使用越来越大,对于界面和用户体验的要求越来越高.因此Web前端越来越火,前端 ...
分享 10 个前端开发者需要知道的 JS 技巧
英文 | https://javascript.plainenglish.io/as-a-front-end-engineer-10-javascript-tricks-and-tips-you-sh ...
前端工程师必须知道的用javaScript刷新当前页面的3种方法
业务场景:APP列表页右上角有一个立即刷新按钮,点击立即刷新需要刷新当前页面.下面简单实现几个DEMO 效果图目录方法1:reload() 方法方法2:replace() 方法
声学工程师应知道的150个声学基础知识
和大家分享一下声学工程师应知道的150个声学基础知识. 注意,声学工程师和音频工程师可不是同一岗位,前者会更侧重于硬件,后者侧重于软件层面.但是关于声音的一些基础内容还是相同的,可以多多了解!!! 以 ...
声学工程师应知道的150个声学基础知识（全篇）
和大家分享一下声学工程师应知道的150个声学基础知识. 注意,声学工程师和音频工程师可不是同一岗位,前者会更侧重于硬件,后者侧重于软件层面.但是关于声音的一些基础内容还是相同的,可以多多了解!!! 以 ...
Node.js 开发实践，前端工程师的MVP利器
作者:愚坤,掘金优秀作者,一名没上高中的前端工程师,目前就职水滴筹. https://juejin.cn/post/6898612811891474440 什么是 MVP,来自伟大的百科: Minim ...
php_js,举例说明JS调用PHP和PHP调用JS的方法_WEB前端开发
HTML5 嵌入钉钉教程_WEB前端开发这篇文章主要介绍了Html5嵌入钉钉的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习 ...
vue 为什么要销毁第三方实例_Web前端工程师面试之Vue问题汇总解析
又是一年毕业季,很多学习前端的同学面对激烈的求职竞争倍感压力,想要了解企业招聘会提问哪些问题.今天千锋郑州Web前端培训小编就给大家分享一下高级Web前端工程师面试中有关Vue的问题及解析. 1.Vu ...
15分钟带你了解前端工程师必知的javascript设计模式(附详细思维导图和源码)
前言设计模式是一个程序员进阶高级的必备技巧,也是评判一个工程师工作经验和能力的试金石.设计模式是程序员多年工作经验的凝练和总结,能更大限度的优化代码以及对已有代码的合理重构.作为一名合格的前端工程师 ...

js 正则或_Web前端工程师要知道的JS 常用正则表达式

js 正则或_Web前端工程师要知道的JS 常用正则表达式相关推荐

最新文章

热门文章