零基础学做网站培训介绍

当前位置:

JS正则匹配:JS怎么正则替换中括号内容

JS正则匹配替换在自己做网站过程中经常用到,我们如果想批量替换某段内容中在多处存在并且内容不一样的元素,就需要使用JS正则匹配替换。

JS正则匹配替换

JS替换基本语法


var str1="JS正则匹配替换(批量替换开始结束为中括号的任意字符)";
var str2=str1.replace("JS","Javascript");

通过这种基础的JS替换,就可以将JS替换成Javascript;这是一种基础的用法,就是替换固定的内容,如果想替换有某些特点的不固定内容,就需要使用JS正则匹配替换。如下例:


var str1="学做网站论坛是一个专门从事零基础<em>建站培训<em>和</em>网站开发</em>的平台"
var str2=str1.replace(/<em>*[\W]*[\w\s><]*(\/em>){1}/g,"学习");

这种用法就是通过正则匹配将文字中所有包含在<em>里的内容全部替换掉。

js正则匹配时,会用到很多的代表特殊含义的元字符,常用的如下:

  • \d : 0-9之间的任意一个数字 \d只占一个位置
  • \w : 数字,字母 ,下划线 0-9 a-z A-Z _
  • \s : 空格或者空白等
  • \D : 除了\d
  • \W : 除了\w
  • \S : 除了\s
  • . : 除了\n之外的任意一个字符
  • \ : 转义字符
  • | : 或者
  • () : 分组
  • \n : 匹配换行符
  • \b : 匹配边界 字符串的开头和结尾 空格的两边都是边界 => 不占用字符串位数
  • ^ : 限定开始位置 => 本身不占位置
  • $ : 限定结束位置 => 本身不占位置
  • [a-z] : 任意字母 []中的表示任意一个都可以
  • [^a-z] : 非字母 []中^代表除了
  • [abc] : abc三个字母中的任意一个 [^abc]除了这三个字母中的任意一个字符

在JS正则匹配替换中,有一种特殊的替换,就是批量替换开始结束为中括号的任意字符,由于中括号在正则匹配中是比较特殊的符号,所以写法也不一样。

JS正则匹配替换开始结束为中括号的任意字符代码:


var data = data.replace(/\[([^\[\]]*)\]/,"");//替换第一个

var data = data.replace(/\[([^\[\]]*)\]/g,"");//替换所有

更多JS正则匹配替换知识,可以参考:JS正则匹配表达式语法汇总

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 如果我们的网站有港澳台的用户,那么网站特别好是能支持文字简繁互转,这样做能方便不同用户更好的阅读网站内容。那么如何在自己做网站时,实
  • 我们都知道在做网站时,加载的文件越少速度就会越快,包括CSS、JS、图片、数据库等等,特别是门户网站建设更是如此。要减少这些文件的载入,特别
  • 我们在有些网站上看到会在网站的某个位置显示一个动态变化的时钟,它是一秒秒的变化。对于这种效果,我们自己做网站时也可以制作出来,只需要通过JS就
  • 对于使用Dreamweaver CS6破解版软件,可以很软件的对相同的文字,代码进行一次性替换,但对于包含不同内容的代码时就很难一次性替换了,就需要使用DW正则
  • 根据正则表达式语法规则,大部分字符仅能够描述自身,这些字符被称为普通字符,如所有的字母、数字等。元字符就是拥有特动功能的特殊字符,大部分
  • JS正则匹配替换在自己做网站过程中经常用到,我们如果想批量替换某段内容中在多处存在并且内容不一样的元素,就需要使用JS正则匹配替换。JS替
  • 我们在自己做网站时,为了达到自己需要的页面效果,需要对网页上不同的元素进行不同样式CSS的控制。例如我们做了一个视频类网站,网站里面有很多
  • 如何替换网站中的图片 图文教程 (117156 次浏览)
    老师,请问一下,我自己的网站如果想换图片,如何去替换呢?有什么样的步骤呢?回答:替换网站的图片的方法最简单,在我们的建站培训课程中也
  • ecshop商城网站的首页都会有一个首页主广告位,可以不停的播放网站的一些图片。但是程序自带的首页幻灯片样式特别单一,而且首页幻灯片还带有黑色边框
  • 各类微博的流量很大,如果自己网站内容能够同步更新到自己的微博上,可以让更多的人看到自己网站上的内容了。如何将自己网站内容同步更新到微
  • 提高网站的“回头客”,我们需要给注册会员提供一些特权,而对游客隐藏部分wordpress文章,因为有很多自己做网站论坛vip学员问到,所以这里就提供一段代
  • 在自己做网站论 坛的公司模板制作的课程中,跟大家讲了一个分页插件,那就是wordpress分页插件wp-page-numbers,这个插件特别的棒,如果我们网站的内容很