[正则]匹配字符串中的反斜杠

18366次阅读 1191人点赞 作者: WuBin 发布时间: 2021-02-19 09:11:40
扫码到手机查看
正则表达式中匹配一个反斜杠要用四个反斜杠!

简单例子

在windows中,路径的表示都是用反斜杠“\”表示,如例将路径中的反斜杠“\”替换为"&":

$path = '\home\wubin\file';
$pattern = '/\\\\/';
$res = preg_replace($pattern, '&',  $path);
preg_match_all($pattern, $str, $matches);
// 匹配出了3个斜杠!
var_dump($matches); => 
array(1) { [0]=> array(3) { 
    [0]=> string(1) "\" 
    [1]=> string(1) "\" 
    [2]=> string(1) "\" 
    } 
}
echo $res; => &home&wubin&file

分析

首先要清楚两点:

  • 字符串里面表示斜杠就需要两个斜杠如“\\”
  • 正则表达式里的斜杠需要转义,是用“\\”标示
那么结论就显而易见了
先要表示正则表达式里面的斜杠“\\”,然后再用字符串表示出来。而这2个斜杠分别需要一个转义符,这样就成了4个斜杠在正则表达式里面表示一个斜杠。
再分析下 /\\\\
第一个斜杠是转义符,第二个斜杠是斜杠本身,第三个斜杠是转义符,第四个斜杠是斜杠本身。(因为在字符串中表示一个‘\’需要用‘\\’来表示!,所以在正则中就需要用四个\\\\来表示字符串中的两个\\斜杠!)
TIPS:在PHP中一般使用一个更简单的方法进行路径中反斜杠的替换:
// 将当前文件路径中的\替换为/
define('PATH_APP', str_replace("\\", "/", __DIR__).'/');

再看一个JS中的例子

console.log('单反斜杠' + '\home\wubin\file');
// 控制台输出:单反斜杠homewubinile
console.log('双反斜杠' + '\\home\\wubin\\file');
// 控制台输出:双反斜杠\home\wubin\file

所以单一的反斜杠在浏览器中会被忽略,所以在浏览器的字符串显示单反斜杠要用'\\'来表示!

而在JS中使用正则进行匹配替换(注意与PHP中不同!浏览器中两个\\表示的是一个\ 所以正则匹配只需要两个\\:第一个代表转义第二个代表原本的\):

var str = '\\home\\wubin\\file';
var res = str.replace(/\\/g, '&');
console.log('JS替换反斜杠结果:' + res);
// JS替换反斜杠结果:&home&wubin&file
/g表示全局匹配,JS支持,PHP不支持,PHP和JS都支持/i 不区分大小写,请留意

JS中匹配“/”

比如常见的日期,我们要进行匹配将"2022/09/08"替换为"2022-09-08"

"2029/5/8".replace(/(\/)/g,'-');     

注意要对转义的/加括号(\/),最终得到2020-5-8

相关资料

点赞 支持一下 觉得不错?客官您就稍微鼓励一下吧!
关键词:正则、反斜杠、替换
推荐阅读
  • uniapp实现被浏览器唤起的功能

    当用户打开h5链接时候,点击打开app若用户在已经安装过app的情况下直接打开app,若未安装过跳到应用市场下载安装这个功能在实现上主要分为两种场景,从普通浏览器唤醒以及从微信唤醒。

    10049次阅读 659人点赞 发布时间: 2022-12-14 16:34:53 立即查看
  • Vue

    盘点Vue2和Vue3的10种组件通信方式

    Vue中组件通信方式有很多,其中Vue2和Vue3实现起来也会有很多差异;本文将通过选项式API组合式API以及setup三种不同实现方式全面介绍Vue2和Vue3的组件通信方式。

    4677次阅读 346人点赞 发布时间: 2022-08-19 09:40:16 立即查看
  • JS

    几个高级前端常用的API

    推荐4个前端开发中常用的高端API,分别是MutationObserver、IntersectionObserver、getComputedstyle、getBoundingClientRect、requ...

    14754次阅读 967人点赞 发布时间: 2021-11-11 09:39:54 立即查看
  • PHP

    【正则】一些常用的正则表达式总结

    在日常开发中,正则表达式是非常有用的,正则表达式在每个语言中都是可以使用的,他就跟JSON一样,是通用的。了解一些常用的正则表达式,能大大提高你的工作效率。

    13963次阅读 525人点赞 发布时间: 2021-10-09 15:58:58 立即查看
  • 【中文】免费可商用字体下载与考证

    65款免费、可商用、无任何限制中文字体打包下载,这些字体都是经过长期验证,经得住市场考验的,让您规避被无良厂商起诉的风险。

    12705次阅读 1023人点赞 发布时间: 2021-07-05 15:28:45 立即查看
  • Vue

    Vue3开发一个v-loading的自定义指令

    在vue3中实现一个自定义的指令,有助于我们简化开发,简化复用,通过一个指令的调用即可实现一些可高度复用的交互。

    16943次阅读 1357人点赞 发布时间: 2021-07-02 15:58:35 立即查看
  • JS

    关于手机上滚动穿透问题的解决

    当页面出现浮层的时候,滑动浮层的内容,正常情况下预期应该是浮层下边的内容不会滚动;然而事实并非如此。在PC上使用css即可解决,但是在手机端,情况就变的比较复杂,就需要禁止触摸事件才可以。

    15465次阅读 1257人点赞 发布时间: 2021-05-31 09:25:50 立即查看
  • Vue

    Vue+html2canvas截图空白的问题

    在使用vue做信网单页专题时,有海报生成的功能,这里推荐2个插件:一个是html2canvas,构造好DOM然后转canvas进行截图;另外使用vue-canvas-poster(这个截止到2021年3月...

    30556次阅读 2403人点赞 发布时间: 2021-03-02 09:04:51 立即查看
  • Vue

    vue-router4过度动画无效解决方案

    在初次使用vue3+vue-router4时候,先后遇到了过度动画transition进入和退出分别无效的情况,搜遍百度没没找到合适解决方法,包括vue-route4有一些API都进行了变化,以前的一些操...

    26529次阅读 2041人点赞 发布时间: 2021-02-23 13:37:20 立即查看
交流 收藏 目录