您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
Ready 发布于2014年08月12日 02:58

原创 JavaScript String.replace() 函数详解

2296 次浏览 读完需要≈ 7 分钟

内容目录

replace()函数用于使用指定字符串替换当前字符串中匹配指定正则表达式模式的子字符串,并返回完成替换后的字符串。

该函数属于String对象,所有主流浏览器均支持该函数

语法

stringObject.replace( search, replacement )

参数

参数 描述
search String/RegExp类型指定的正则表达式模式的RegExp对象的实例。也可以是字符串。
replacement String/Function类型用于替换的字符串,或返回替换字符串的函数。

如果参数search是字符串,则replace()函数将直接根据该字符串进行精确匹配,而不会试图转换为正则表达式,并且只替换第一个匹配到的子字符串。

参数replacement可以使用以下以$开头的匹配变量来动态确定用于替换的字符串内容(参数search为正则表达式时才生效)。

字符 替换文本
$1、$2、...、$99 search中的第1到第99个子表达式(小括号中的正则表达式)相匹配的文本。
$& search相匹配的子字符串。
$` 位于匹配的子字符串左侧的文本。
$' 位于匹配的子字符串右侧的文本。
$$ 字符"$"。

返回值

replace()方法的返回值为String类型,返回完成替换操作的字符串。如果查找不到参数search对应的匹配,则不进行任何替换,直接返回原字符串的副本。

示例&说明

var str = "Code123Player34Code456 https://codeplayer.vip";

// 将第一个匹配的两位数字替换为"REPLACE"
document.writeln( str.replace(/\d{2}/, "REPLACE") ); // CodeREPLACE3Player34Code456 https://codeplayer.vip

// 将所有匹配的两位数字替换为"REPLACE"(带全局标志g)
document.writeln( str.replace(/\d{2}/g, "REPLACE") ); // CodeREPLACE3PlayerREPLACECodeREPLACE6 http://www.REPLACE5mini.com

// 将第一个字符串"Code"替换为"HERE"(字符串直接精确替换,且只会替换第一个)
document.writeln( str.replace("Code", "HERE") ); // HERE123Player34Code456 https://codeplayer.vip

// 将所有的字符"c"(不区分大小写)替换为"DD"
document.writeln( str.replace(/c/ig, "DD") ); // DDode123Player34DDode456 http://www.365mini.DDom

// 在所有的数字(连续的数字算一个数字)前添加"分数"二字
// 这里的"$1"就表示正则表达式中第一个小括号内的子表达式匹配到的内容
document.writeln( str.replace(/(\d+)/g, "分数$1") ); // Code分数123Player分数34Code分数456 http://www.分数365mini.com

// 查找后面紧跟空白的数字,如果该数小于1000,就改为1000
document.writeln( str.replace(/(\d+)(\s)/g, function($0, $1, $2){
	// $0表示匹配到的整个子字符串
	// $1表示第1个子表达式匹配到的子字符串
	// $2表示第2个子表达式匹配到的子字符串
    // $n表示第n个子表达式匹配到的子字符串(如果有的话)
	if($1 < 1000 ) $1 = 1000;
	return $1 + $2;	
}) ); // Code123Player34Code1000 https://codeplayer.vip

运行代码

  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论

打开导航菜单