`

JavaScript replace() 方法

阅读更多

JavaScript replace() 方法

 

定义和用法

replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

语法

stringObject.replace(regexp/substr,replacement)
参数 描述
regexp/substr

必需。规定子字符串或要替换的模式的 RegExp 对象。

请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。

replacement 必需。一个字符串值。规定了替换文本或生成替换文本的函数。

返回值

一个新的字符串,是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的。

说明

字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串,然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串。否则,它只替换第一个匹配子串。

replacement 可以是字符串,也可以是函数。如果它是字符串,那么每个匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义。如下表所示,它说明从模式匹配得到的字符串将用于替换。

字符 替换文本
$1、$2、...、$99 与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。
$& 与 regexp 相匹配的子串。
$` 位于匹配子串左侧的文本。
$' 位于匹配子串右侧的文本。
$$ 直接量符号。

注意:ECMAScript v3 规定,replace() 方法的参数 replacement 可以是函数而不是字符串。在这种情况下,每个匹配都调用该函数,它返回的字符串将作为替换文本使用。该函数的第一个参数是匹配模式的字符串。接下来的参数是与模式中的子表达式匹配的字符串,可以有 0 个或多个这样的参数。接下来的参数是一个整数,声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。

实例

例子 1

在本例中,我们将使用 "W3School" 替换字符串中的 "Microsoft":

<script type="text/javascript">

var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/, "W3School"))

</script>

输出:

Visit W3School!

例子 2

在本例中,我们将执行一次全局替换,每当 "Microsoft" 被找到,它就被替换为 "W3School":

<script type="text/javascript">

var str="Welcome to Microsoft! "
str=str + "We are proud to announce that Microsoft has "
str=str + "one of the largest Web Developers sites in the world."

document.write(str.replace(/Microsoft/g, "W3School"))

</script>

输出:

Welcome to W3School! We are proud to announce that W3School
has one of the largest Web Developers sites in the world.

例子 3

您可以使用本例提供的代码来确保匹配字符串大写字符的正确:

text = "javascript Tutorial";
text.replace(/javascript/i, "JavaScript");

例子 4

在本例中,我们将把 "Doe, John" 转换为 "John Doe" 的形式:

name = "Doe, John";
name.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1");

例子 5

在本例中,我们将把所有的花引号替换为直引号:

name = '"a", "b"';
name.replace(/"([^"]*)"/g, "'$1'");

例子 6

在本例中,我们将把字符串中所有单词的首字母都转换为大写:

name = 'aaa bbb ccc';
uw=name.replace(/\b\w+\b/g, function(word){
  return word.substring(0,1).toUpperCase()+word.substring(1);}
  );
分享到:
评论

相关推荐

    javascript replace方法与正则表达式

    `JavaScript`中的`replace`方法是用来在字符串中替换匹配到的特定内容,它与正则表达式配合使用,能够实现灵活的文本处理。`replace`方法的基本语法是`stringObj.replace(rgExp, replaceText)`,其中`stringObj`是一...

    初学JS的的小例子 javascript replace高亮替换

    在本篇文章中,我们将学习如何使用 JavaScript 的 Replace 方法来实现关键字高亮显示。下面是一个简单的小例子,展示了如何使用 Replace 方法来达到高亮替换的效果。 Replace 方法是 JavaScript 中的一个字符串...

    详解javascript replace高级用法

    在前端开发中,JavaScript的replace方法是一个非常实用且强大的字符串处理工具。它不仅能够进行简单的字符串替换,还支持正则表达式匹配和多种高级替换用法,极大地提高了字符串处理的灵活性和效率。本文将详细介绍...

    javascript replace()方法的简单分析

    JavaScript中的replace()方法是String对象的一个内置函数,它用于在字符串中进行字符或子串的替换。该方法既支持简单的文本替换,也支持使用正则表达式进行复杂的替换规则匹配和替换操作。replace()方法的灵活性和...

    javascript的replace方法结合正则使用实例总结

    以下将详细介绍replace方法结合正则表达式的使用技巧和实例。 1. 替换字符:replace()方法可以将字符串中的特定字符或字符串替换成另一个字符或字符串。例如,使用replace()方法可以将一段文本中的“终古”替换成...

    javascript正则表达式中的replace方法详解.docx

    javascript正则表达式中的replace方法详解.docx

    JavaScript replace new RegExp使用介绍

    JavaScript的replace方法是用于替换字符串中匹配特定模式的子串的函数。该方法可以在字符串中查找指定的值或正则表达式,并将找到的匹配项替换为新指定的文本。replace方法不仅可以进行简单的文本替换,还可以执行...

    JavaScript中使用replace结合正则实现replaceAll的效果

    除了直接在代码中使用replace方法以外,有时候,开发者可能会在浏览器的地址栏中直接执行JavaScript代码,以便快速验证代码片段。例如: ```javascript javascript:alert("abcabcabc".replace(/a/g, "ad")) ``` 在...

    JavaScript 中的replace方法说明

    JavaScript中的`replace()`方法是字符串处理的一个重要工具,它用于在字符串中替换匹配到的特定文本或模式。这个方法的工作原理是将字符串中符合第一个参数(一个正则表达式)的文本替换为第二个参数(一个字符串)...

    JavaScript常见方法大全

    - **字符串替换**:使用`.replace()`方法替换字符串中的部分字符。 - **格式化字符串**:通过字符串方法如`.big()`, `.blink()`, `.bold()`, `.fixed()`, `.fontcolor()`, `.fontsize()`, `.italics()`, `.small()`,...

    javascript 常用方法总结

    JavaScript 常用方法总结 JavaScript 是一种广泛应用于 Web 开发的编程语言,提供了许多实用的方法来操作字符串和数组。下面将对 JavaScript 中常用的字符串和数组方法进行总结。 字符串方法 1. `charAt()`: 返回...

    JavaScript方法和技巧大全

    字符串替换用`replace()`方法,如`thisVar.replace("Monday", "Friday")`将字符串`thisVar`中的"Monday"替换为"Friday"。 JavaScript提供了多种格式化字符串的方法,如`.big()`、`.blink()`、`.bold()`等,这些都是...

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

    JavaScript 中 String 对象的 replace 方法详解 replace 方法是 JavaScript 中 String 对象的方法,用于将字符串中的部分内容替换为新的内容。该方法的语法为:`stringObj.replace(regexp/substr, replacement)`,...

    javascript中replace使用方法总结

    JavaScript中的`replace()`方法是处理字符串的一个重要工具,它允许我们查找并替换字符串中的特定模式。这个方法在处理文本数据时非常有用,特别是在涉及到搜索、替换或者格式化字符串的场景中。下面我们将深入探讨`...

    JavaScript方法和技巧大全.doc

    本文档,"JavaScript方法和技巧大全.doc",旨在为初学者提供一个全面的指南,帮助他们掌握JavaScript的基础知识和实用技巧。 首先,让我们从基础开始。在HTML中,JavaScript代码通常嵌入在`&lt;script&gt;`标签内,如`...

    javascript方法和技巧大全

    ### JavaScript方法和技巧详解 #### 一、基本概念与语法结构 **JavaScript**是一种轻量级的编程语言,被广泛应用于网页开发中,用于增强网页的交互性与动态效果。以下是一些基本的语法和使用技巧。 ##### 1. 嵌入...

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

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

Global site tag (gtag.js) - Google Analytics