首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

正则表达式必知必会 - 反向引用

这正是反向引用大显身手的地方了。 二、反向引用匹配         先来看一个比较简单的例子,这个问题如果不使用反向引用,根本无法解决。假设你有一段文本,想把这段文本里所有连续重复出现的单词找出来。...反向引用允许正则表达式模式引用之前匹配的结果,具体到这个例子,就是前面匹配到的单词。理解反向引用的最好方法就是看看它的实际应用,下面这段文本中包含 3 组重复的单词。...反向引用只能用来引用括号里的子表达式。反向引用匹配通常从 1 开始计数(\1、\2等)。在许多实现里,第 0 个匹配 \0 可以用来代表整个正则表达式。        ...当用到反向引用时,正则表达式的替换操作才会变得让人印象深刻。         假设想把文本里的电子邮件地址全都转换为可点击的链接。...第二种写法失败的原因是,upper 函数是在正则表达式匹配之前执行,不会反向引用到子表达式的内容。输出结果是没有做任何替换。         下面是一种可能的实现方式。

26450

前端基础-分组捕获和反向引用

第4章 分组/捕获和反向引用 捕获和反向引用的语法的解释: 子表达式 在正则表达式中,通过一对圆括号括起来的内容,我们就称之为“子表达式”。...如: var reg = /\d(\d)\d/gi; 捕获(分组) 在正则表达式中,子表达式匹配到相应的内容时,系统会自动捕获这个行为, 然后将子表达式匹配到的内容放入系统的缓存区中。...反向引用正则表达式中,我们可以使用\n(n>0,正整数,代表系统中的缓冲区编号) 来获取缓冲区中的内容,我们把这个过程就称之为“反向引用”。 ?...在正则语法中,用“\1”来引用前面的捕获(使用子表达式匹配的结果)。用\2表示第二个捕获的内容…. 在正则语法外(如replace时),用“$1”来引用前面的捕获。...:正则) 这个小括号中的内容不能够被引用 ​ //第一次捕获禁止引用 var str = '1122 3434 5566 7879 9887'; var res = str.match(/(?

69710

js如何引用同级元素

具体效果 示例效果 https://coder.itclan.cn/fontend/js/17-yinyong-tongji-elem/ 具体描述 在网页中,同级(兄弟)元素,指的是拥有相同的直接父级元素的元素...并且往往指的是同类的元素,同类元素在实际开发中遇到的比较多 比如:列表li,并列的按钮等,当需要做一些特殊的效果时,可以对其他同级的元素进行一些操作,满足特定的网页要求 比如:隔行填充颜色等 原生方法实现 以下是通过原生js...就是同级元素,同级元素拥有相同的父级元素都是p,那么就可以得到除自身以外的的同级元素,如果还需要排除同一类别的话,那么可以使用节点的nodeType属性来加以区别 Vue版本实现 在Vue里面,就不用类似原生js...margin: 20px 0; } .content { padding: 20px 0 0 0; } 从上面可以看出,使用Vue实现类似同样的效果,就几行代码,相比原生js...实现是比较简单的,但是原生js的操作依旧还是要知道的

7.8K40

正则表达式-5.回溯引用

回溯引用 回溯引用指的是模式的前半部分引用在前半部分中定义的子表达式。 “\“后面接数字可以引用第几个表达式。 通常\0用来引用整个正则表达式。 2....应用 2.1 标签匹配 匹配h的六级标签 // 如果不使用回溯引用,是无法得到标签开头的 (/.*?...asd"); // true //使用回溯引用,可以得到正确的匹配 (/.*?...010)-1234567" "010-123-4567".replace(/(\d{3})(-)(\d{3})(-)(\d{4})/,"($1)$2$3$5"); 注意:javascript中用$n表示引用第...子表达式 有些正则表达式允许在替换中队大小写进行替换: 元字符 说明 \E 结束\L或者\U转换 \l 把下一个字符转换为小写 \L 把\L和\E之间的字符全部转换为小写 \u 把下一个字符转换为大写

1K20

js正则表达式

js正则表达式 目录 正则表达式定义及作用 字符串方法使用正则表达式 修饰符及模式 RegExp对象 实际用例 正则在线工具 正则表达式定义及作用 定义 使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式...语法 /正则表达式主体/修饰符(可选) 作用 文本搜索 文本替换 字符串方法使用正则表达式 search()方法 检索与正则表达式相匹配的子字符串,并返回子串的起始位置 代码实例 var...) console.log(n) 输出结果 2 代码解释 i是一个修饰符, 表示搜索不区分大小写 search()方法也可以用于检索字符串中指定的子字符串 replace()方法 替换第一个与正则表达式匹配的子串...匹配任何包含零个或一个n的字符串 RegExp对象 RegExp对象是一个预定义了属性和方法的正则表达式对象 test()方法 用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本...正则表达式在线生成工具 http://tools.jb51.net/regex/create_reg

7.3K30

js正则表达式(一)

https://blog.csdn.net/wkyseo/article/details/78017841 最近对正则表达式又不熟悉了,故重新疏漏API,以后每日写一个正则来练习提升 正则表达式中特殊字符的含义...匹配输入结尾 \b //匹配一个zero-width word boundary [\b]:匹配退格键 \B //匹配一个zero-width non-word boundary 分组(grouping)与反向引用...\n //一个反向引用(back reference),指向正则表达式中第 n 个括号? (?:x) //Matches x but does not remember the match....compile compile() 方法用于在脚本执行过程中编译正则表达式,也可用于改变和重新编译正则表达式。...如果第一个参数是正则表达式,并且其为全局匹配模式,那么这个方法将被多次调用, 每次匹配都会被调用。 变量名 代表值 match 匹配的子串(不是分组)。(对应于上述的$&。)

3.8K40

JS高级」正则表达式

1.正则表达式概述1.1什么是正则表达式正则表达式( ... 请注意,本文编写于 2058 天前,最后修改于 2058 天前,其中某些信息可能已经过时。...1.正则表达式概述 1.1什么是正则表达式 正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。...其他语言也会使用正则表达式,本阶段我们主要是利用JavaScript 正则表达式完成表单验证。 1.2 正则表达式的特点 灵活性、逻辑性和功能性非常的强。...比如用户名: /^[a-z0-9_-]{3,16}$/ 2.正则表达式js中的使用 2.1正则表达式的创建 在 JavaScript 中,可以通过两种方式创建一个正则表达式。...3.正则表达式中的特殊字符 3.1正则表达式的组成 一个正则表达式可以由简单的字符构成,比如 /abc/,也可以是简单和特殊字符的组合,比如 /ab*c/ 。

2.5K20
领券