本文实例讲述了js中正则的查找match()与替换replace()的用法。分享给大家供大家参谋。具体如下:

js正则查找match()与替换replace()用法实例,matchreplace

本文实例讲述了js中正则的查找match()与替换replace()的用法。分享给大家供大家仿效。具体如下:

复制代码 代码如下:

<html>
<head>
<script type=”text/javascript”>
//string.match(正则):正则查找字符串,再次来到符合正则的字符或字符串
function t1(){
 var con =
document.getElementsByName(‘content’)[0].value;//要求探索的剧情
 var reg =
/\Bhi\B/g;//相配中间有hi的单词。g为方式加强符,表示全局匹配
 alert(con.match(reg));
}
//string.replace(正则,用什么替换):重临被替换后的string
function t2(){
 var con =
document.getElementsByName(‘content’)[0].value;//要求研究的剧情
 var reg = /<script.*<\/script>/;//把javascript代码替换为空
 alert(con.replace(reg,”));
}
</script>
</head>
<body>
<textarea rows=”5″ cols=”30″
name=”content”></textarea><br />
<button onclick=”t一();”>正则查找字符串match()</button><br
/>
<button
onclick=”t二();”>正则查找字符串replace()</button><br />
</body>
</html>

期待本文所述对大家的正则表明式学习抱有帮衬。

本文实例讲述了js中正则的查找match()与替换replace()的用法。分享给大家供我们参谋。具体…

 
用法实例,js正则查找match。replace方法的语法是:stringObj.replace(rgExp, replaceText)
在那之中stringObj是字符串(string),reExp能够是正则表达式对象(RegExp)也可以是字符串(string),replaceText是顶替查找到的字符串。。为了匡助大家更加好的通晓,上面举个大约例子说美素佳儿(Friso)(Nutrilon)(Dumex)下 

   js replace 与replaceall实例用法

复制代码 代码如下:

Js代码
<script language=”javascript”>   
var stringObj=”终古代人民共和国,终古人民”;   
  
//替换错别字“终古”为“中中原人民共和国”   
//并赶回替换后的新字符   
//原字符串stringObj的值未有改造   
var newstr=stringObj.replace(“终古”,”中国”);   
alert(newstr);   
</script>  

  stringObj.replace(rgExp, replaceText)

<html>
<head>
<script type=”text/javascript”>
//string.match(正则):正则查找字符串,重临符合正则的字符或字符串
function t1(){
 var con =
document.getElementsByName(‘content’)[0].value;//必要搜索的源委
 var reg =
/\Bhi\B/g;//相称中间有hi的单词。g为格局巩固符,表示全局相称
 alert(con.match(reg));
}
//string.replace(正则,用如何替换):重临被轮换后的string
function t2(){
 var con =
document.getElementsByName(‘content’)[0].value;//需求探寻的从头到尾的经过
 var reg = /<script.*<\/script>/;//把javascript代码替换为空
 alert(con.replace(reg,”));
}
</script>
</head>
<body>
<textarea rows=”5″ cols=”30″
name=”content”></textarea><br />
<button onclick=”t一();”>正则查找字符串match()</button><br
/>
<button
onclick=”t二();”>正则查找字符串replace()</button><br />
</body>
</html>

   
比本身聪明的您,看完下边包车型地铁事例之后,会发觉第二个错别字“终古”并不曾被替换到“中夏族民共和国”,大家得以奉行二回replace方法把第一个错别字“终古”也交替掉,程序通过革新之后如下: 

  参数

指望本文所述对我们的正则表明式学习抱有支持。

Js代码
<script language=”javascript”>   
var stringObj=”终古代人民共和国,终古人民”;   
  
//替换错别字“终古”为“中中原人民共和国”   
//并回到替换后的新字符   
//原字符串stringObj的值未有改观   
var newstr=stringObj.replace(“终古”,”中国”);   
  
newstr=newstr.replace(“终古”,”中国”);   
alert(newstr);   
</script>  

  stringObj

你恐怕感兴趣的篇章:

  • js
    replace(a,b)之替换字符串中全数钦点字符的章程
  • js正则表明式replace替换变量方法
  • javascript正则表明式使用replace()替换一只手提式有线电话机号的主意
  • JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
  • js使用正则实现ReplaceAll全体交替的点子
  • js使用正则完结ReplaceAll全体交替的艺术
  • JS使用replace()方法和正则表明式进行字符串的寻找与替换实例
  • JS Replace
    全体轮换字符的用法小结
  • JS利用正则合作replace替换钦定字符
  • JS、replace利用正则表明式替换SQL全部参数为内定格式的多寡
  • js中字符替换函数String.replace()使用技术
  • js replace
    全局替换的操作方法

   
大家能够仔细的想转手,如若有N的N次方个错别字,是还是不是也要实行N的N次方replace方法来替换掉错别字呢??呵,不用怕,有了正则表明式之后并非八个错别字要实施一遍replace方法。。程序通过革新之后的代码如下 

  必选项。要实施该替换的 String 对象或字符串文字。该字符串不会被
replace 方法修改。

Js代码
<script language=”javascript”>   
var reg=new RegExp(“终古”,”g”); //创制正则RegExp对象   
var stringObj=”终古代人民共和国,终古代人民”;   
var newstr=stringObj.replace(reg,”中国”);   
alert(newstr);   
</script>  

  rgExp

上面讲的是replace方法最轻易易行的采纳,不驾驭大家有未有看懂??上边开首讲稍微复杂一点的采取。。 

  必选项。为带有正则表明式格局或可用标识的正则表明式对象。也足以是
String 对象或文字。即便 rgExp
不是正则表明式对象,它将被转移为字符串,并实行准确的寻觅;不要尝试将字符串转化为正则表明式。

   
大家在有个别网址上寻找小说的时候,会意识这么三个风貌,正是搜索的根本字会高亮退换颜色展现出来??那是怎么落到实处的呢??其实大家能够用正则表达式来落到实处,具体哪些完毕吗?轻巧的法则请看下边包车型地铁代码
Js代码
<script language=”javascript”>   
var str=”中华夏族民共和国,中国”;   
var newstr=str.replace(/(人)/g,”<font
color=red>$1</font>”);   
document.write(newstr);   
</script>  

  replaceText

地点的顺序缺少互动性,大家再改正一下顺序,完结能够独立输入要搜索的字符
Js代码
<script language=”javascript”>   
var s=prompt(“请输入在寻觅的字符”,”人”);   
var reg=new RegExp(“(“+s+”)”,”g”);   
var str=”中国,中夏族民共和国”;   
var newstr=str.replace(reg,”<font
color=red>$1</font>”);   
document.write(newstr);   
</script>  

  必选项。是一个String 对象或字符串文字,对于stringObj 中各类相称rgExp 中的地方都用该对象所涵盖的文字加以替换。在 Jscript 五.5或更新版本中,replaceText 参数也足以是回去替换文本的函数。

  大概大家都会对$一这一个特殊字符表示什么意思不是很精通,其实$一表示的正是左边表明式中括号内的字符,即首先身形相配,不问可知$二表示第3个子相配。。什么是子相配吗??通俗点讲,正是左边手每七个括号是第四个字十分,首个括号是第二个头相配。。 

  说明

  
当咱们要把查找到的字符实行演算的时候,如何完结呢??在贯彻以前,大家先讲一下什么获取某2个函数的参数。。在函数Function的个中,有一个arguments集结,那个集结存款和储蓄了脚下函数的兼具参数,通过arguments可以赢获得函数的具有参数,为了大家通晓,请看下边的代码
Js代码
<script language=”javascript”>   
function test(){   
   alert(“参数个数:”+arguments.length);   
   alert(“每贰个参数的值:”+arguments[0]);   
   alert(“第四个参数的值”+arguments[1]);   
  //能够用for循环读取全部的参数   
}   
  
test(“aa”,”bb”,”cc”);   
</script>  

  replace 方法的结果是三个完事了内定替换的 stringObj 对象的复制。

看懂上边包车型地铁顺序之后,大家再来看下边八个有趣的主次
Js代码
<script language=”javascript”>   
var reg=new RegExp(“\\d”,”g”);   
var str=”abd1afa4sdf”;   
str.replace(reg,function(){alert(arguments.length);});   
</script>  

  上边率性的相当变量都能用来分辨最新的相称以及找寻同盟的字符串。在急需动态调控替换字符串的文书替换中得以应用杰出变量。

    
大家惊叹的觉察,佚名函数竟然被实践了一回,并且在函数里还富含多个参数,为何会施行叁遍啊??这么些很轻巧想到,因为大家写的正则说明式是协作单个数字的,而被检验的字符串刚好也是有三个数字,故无名函数被施行了三次。。在无名氏函数内部的那四个参数到底是怎么样内容呢??为了弄清那么些难点,大家看下边包车型客车代码。
Js代码
<script language=”javascript”>   
function test(){   
for(var i=0;i<arguments.length;i++){   
    alert(“第”+(i+1)+”个参数的值:”+arguments[i]);   
}   
}   
var reg=new RegExp(“\\d”,”g”);   
var str=”abd1afa4sdf”;   
str.replace(reg,test);   
</script>  

  字符 含义

    
经过考察大家发掘,第三个参数表示13分到的字符,第一个参数表示12分时的字符最小索引地点(RegExp.index),第多个参数表示被相称的字符串(RegExp.input)。其实这个参数的个数,还有大概会随着子相称的变多而变多的。弄清那一个难题将来,我们得以用其它的1种写法
Js代码
<script language=”javascript”>   
function test($1){   
  return “<font color=’red’>”+$1+”</font>”  
}   
var s=prompt(“请输入在查找的字符”,”人”);   
var reg=new RegExp(“(“+s+”)”,”g”);   
var str=”中国,中国”;   
var newstr=str.replace(reg,test);   
document.write(newstr);   
</script>  

  $$ $ (JScript 五.5 或更新版本)

看了上边的程序,原本能够对金童玉女到的字符任性妄为。下边轻便举一个利用的例证
Js代码
<script language=”javascript”>   
var
str=”他现年二十二岁,她二〇一九年20岁,他的老爸二零一九年四五周岁,她的爹爹二零一九年4八岁,1共有3人”  
function test($1){   www.2cto.com
  var gyear=(new Date()).getYear()-parseInt($1)+1;   
  return $1+”(“+gyear+”年出生)”;   
}   
var reg=new RegExp(“(\\d+)岁”,”g”);   
var newstr=str.replace(reg,test);   
alert(str);   
alert(newstr);   
</script>  

  $& 钦命与成套形式相称的 stringObj 的有的。 (JScript 5.伍 或更新版本)

,
replaceText)
在那之中stringObj是字符串(string),reExp能够是正则表明式对象(RegExp)也得以是字符串(string),r…

  $` 钦定由 $& 描述的同盟在此之前的 stringObj 部分。 (JScript 五.5或更新版本)

  $’ 内定由 $& 描述的相称之后的 stringObj 部分。 (JScript 伍.伍或更新版本)

网站地图xml地图