javascript中replace()用法详解

抱着手机哭吧

抱着手机哭吧

2016-02-19 20:29

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享javascript中replace()用法详解的教程,热爱PS的朋友们快点看过来吧!

  在javascript中,String的函数replace()简直太让人喜爱了。它灵活而强大的字符替换处理能力,让我不禁想向大家介绍它。

  replace()最简单的算是能力就是简单的字符替换。示例代码如下:

script language="javascript"
var strM = "javascript is a good script language";
//在此我想将字母a替换成字母A
alert(strM.replace("a","A"));
/script

  我想大家运行后可以看到结果,它只替换了首字母。但如果加上正则表达式结果就不一样了!呵呵,没错。replace()支持正则表达式,它可以按照正则表达式的规则匹配字符或字符串,然后给予替换!

script language="javascript"
var strM = "javascript is a good script language";
//在此我想将字母a替换成字母A
alert(strM.replace(/a/,"A"));
/script

  呵呵,您一定发现了。这样还是只替换了第一个字母a。如果您熟悉正则,那这就难不住您。稍加修改就OK了。

script language="javascript"
var strM = "javascript is a good script language";
//在此将字母a全部替换成字母A
alert(strM.replace(/a/g,"A"));
/script

  还可以这样,看看效果!

script language="javascript"
var strM = "javascript is a good script language";
alert(strM.replace(/(javascript)s*(is)/g,"$1 $2 fun. it $2"));
/script

  我这儿举的例子都是很简单的应用,replace()在此点上与您使用正则表达式的能力成正比。您正则表达式越强,呵呵,那您就会越疯狂的爱上它。

  当然,我这儿推荐replace()的原因并不因为它能与正则表达式合作,而在于它还能与函数进行合作,发挥出强大的功能。

  先看看简单例子:将所有单词首字母换成大写。

script language="javascript"
var strM = "javascript is a good script language";
function change(word)
{
 return word.indexOf(0).toUpperCase()+word.substring(1);
}
alert(strM.replace(/w+/g,change));
/script

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  由上可知,当正则表达式有"g"标志时,代表将处理整个字符串,即函数change的变换将应用于所有匹配的对象。而该函数有三个或更多参数,具体个数视正则表达式而定。

  有了函数与正则表达式的配合,replace()处理字符串的功能空前强大起来了!

  最后还举个例子,将字符串所有单词倒序,用replace()处理是如此简单。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

script language="javascript"
var strM = "javascript is a good script language";
function change(word)
{
 var result = word.match(/(w)/g);
if ( result )
{
 var str = "";
  for ( var i=result.length-1; i=0; i-- )
 {
   str += result;
 }
 return str;
}
else
{
  return "null";
}
}
alert(strM.replace(/(w)+/g,change));
/script

展开更多 50%)
分享

猜你喜欢

javascript中replace()用法详解

Web开发
javascript中replace()用法详解

javascript中replace()函数用法小谈

Web开发
javascript中replace()函数用法小谈

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

javascript中replace()方法

Web开发
javascript中replace()方法

JavaScript 中的replace方法

电脑网络
JavaScript 中的replace方法

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript replace new RegExp

Web开发
JavaScript replace new RegExp

javascript中的location用法简单介绍

Web开发
javascript中的location用法简单介绍

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Java开发应用软件JCreator的使用技巧介绍

Java开发应用软件JCreator的使用技巧介绍

JavaScript控制鼠标滑轮事件

JavaScript控制鼠标滑轮事件
下拉加载更多内容 ↓