`

javascript中字符串替换函数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(/\b\w+\b/g,change));
</script>

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

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

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

<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(/\b(\w)+\b/g,change));
</script>

分享到:
评论

相关推荐

    JavaScript截取中文字符串

    ### JavaScript截取中文字符串知识点详解 #### 一、引言 在进行文本处理时,我们经常需要对字符串进行截取操作。特别是在处理包含多种字符集(如英文与中文)的字符串时,考虑到不同字符编码长度的差异性,简单地...

    js中string之正则表达式replace方法详解.docx

    在这个场景中,replace 方法将字符串中的某个正则表达式匹配的内容替换为新的字符串,并且可以使用函数来生成新的字符串,并且可以访问子表达式的匹配结果。例如: ``` var str5 = '这是一段原始文本,需要替换的...

    js替换字符串

    ### JavaScript字符串替换技术详解 在Web开发中,JavaScript(简称JS)作为一种强大的客户端脚本语言,在处理DOM元素、样式及动态交互方面具有不可替代的作用。本文将深入探讨JS中的字符串替换功能及其应用案例,...

    js中string之正则表达式replace方法详解

    replace方法是javascript涉及到正则表达式中较为复杂的一个方法,严格上说应该是string对象的方法。只不过牵扯到正则的时候比较多一些。需要我们灵活的使用。 语法: stringObj.replace(regexp/substr,replacement)...

    基于JavaScript中字符串的match与replace方法(详解)

    通过以上讲解,我们可以看出match和replace方法是JavaScript字符串操作中非常灵活和强大的工具。它们不仅可以处理简单的字符串匹配和替换,还可以通过正则表达式来完成更复杂和专业的文本处理任务。掌握这两个方法,...

    js字符串截取

    ### JavaScript字符串操作详解 在JavaScript开发中,对字符串进行处理是一项非常常见的任务。本文将详细介绍JavaScript中关于字符串处理的一些常用方法,特别是与“截取”相关的功能,这将帮助开发者更好地理解和...

    字符串常用函数!!!!!

    本文将详细介绍JavaScript中的几个常用的字符串处理函数,包括`concat`、`indexOf`、`charAt`、`lastIndexOf`、`match`、`substring`、`substr`、`replace`、`search`、`slice`、`split`、`length`、`toLowerCase`...

    javascript转换日期字符串为Date日期对象的方法.docx

    ### JavaScript 转换日期字符串为 Date 日期对象的方法 在 JavaScript 开发中,处理日期是非常常见的需求之一。很多时候,我们需要将用户输入或其他来源得到的日期字符串转换为 `Date` 对象,以便进行进一步的计算...

    javascript笔记 String类replace函数的一些事.docx

    在JavaScript中,`String.prototype.replace`是一个非常重要的方法,用于替换字符串中的某些部分。其基本语法如下: ```javascript string.replace(searchValue, replaceValue); ``` 其中: - `searchValue` 是...

    js中关于String对象的replace使用详解.docx

    `String`对象提供了多种方法来帮助我们高效地处理字符串数据,其中`replace`方法尤其重要,它允许我们查找并替换字符串中的指定模式。本文将深入探讨`replace`方法的各种用法及其应用场景,帮助读者更熟练地掌握这一...

    work2_分割字符串_字符串处理_源码.zip

    例如,Python 的 `join()` 可以将一个字符列表连接成字符串,`replace()` 用于替换字符串中的特定子串。 6. **源码分析**:压缩包内的源码可能包含各种字符串处理的示例,比如如何根据特定条件分割字符串,如何处理...

    js字符串方法[参考].pdf

    ### JavaScript字符串方法详解 #### 一、概述 在JavaScript中,字符串是一类非常重要的数据类型。它们用于存储和处理文本信息。JavaScript提供了丰富的内置方法来操作字符串,这些方法可以帮助我们执行各种任务,...

    js中eval()函数和trim()去掉字符串左右空格应用.docx

    在JavaScript中,`eval()`函数是一种特殊的内置函数,它的主要功能是将传递给它的字符串参数作为JavaScript代码进行解析并执行。`eval()`函数非常强大且灵活,但也存在一些潜在的安全风险和性能问题。 **1.1 基本...

    详解JavaScript 中的 replace 方法

    JavaScript中的`replace()`方法是一个非常实用的字符串操作函数,它允许你在字符串中替换特定的字符或者与正则表达式匹配的子串。这个方法的基本语法是`stringObject.replace(regexp/substr, replacement)`,其中: ...

    最常见和最有用的字符串相关的方法详解

    - `replace()` 方法用于替换字符串中的一部分或全部。第一个参数是待替换的子字符串,第二个参数是新子串。默认情况下,只替换第一个匹配项。若需替换所有匹配项,可以使用全局搜索标志 `/g`,如 `myString.replace...

    javascript函数库

    ### JavaScript函数库知识点详解 #### 一、字符串处理函数 ##### 1. **Trim函数** - **trim()**: 去除字符串首尾的空白字符。 ```javascript String.prototype.trim = function() { return this.replace(/(^[\...

Global site tag (gtag.js) - Google Analytics