（转）js replace() 文本替换

最新推荐文章于 2024-10-26 21:37:30 发布

原创最新推荐文章于 2024-10-26 21:37:30 发布 · 243 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

js 专栏收录该内容

27 篇文章

订阅专栏

本文深入探讨JavaScript函数replace在正则表达式中作为函数参数的应用，解释了正则表达式的子表达式匹配与索引作用，通过实例演示如何实现特定功能，包括正则表达式语法、函数参数意义及代码实现细节。

目前在看《Secrets of the JavaScript Ninja.pdf》p166，listing7.9 代码不解，网得一博文解之，故转之。不解代码如下

<script type="text/javascript">
assert( "border-bottom-width".replace(
/-(\w)/g, 
function(all,letter) {
return letter.toUpperCase();
}) == "borderBottomWidth",
"Camel cased a hyphenated string.");
</script>

转文：

代码如下：

//把word-word转化为wordWord 
function camelize(s){ 
return s.replace(/-(\w)/g, function(strMatch, p1){ 
return p1.toUpperCas(); 
}); 
}

这里应用到了文本替换函数replace，他的一般语法估计大家都已经耳熟能详了，现在介绍一下当他的第二个参数为函数时的情形。

今天我在群里发这个函数的时候，有个人反映很快，说上面的那个正则写错了“/-(\w)/g”，而后很快又明白了，他的疑惑是这个“（）”，其实这个括号是很必要的：

（x）匹配x (就是子表达式)，将x保存在名为$1,$2...$9的变量中，其实就是给其加一个索引，方便后面的调用。如果不加这个括号就会出错了：

好的，下面介绍一下函数参数的意义，为什么这个函数能够实现指定的功能呢？

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

看起来好像有点烦，举个例子：

复制代码代码如下:
camelize(www-rrr);

也就是调用一下，其实上面的strMatch值为-r，就是与正则匹配的字符串（该函数的第一个参数是匹配模式的字符串），

上面的p1的值是r，指的是紧接着-后面的r（接下来的参数是与模式中的子表达式匹配的字符串），就是我们规定的索引——" (\w) "。

好了，我想之后这个函数要执行什么应该能看的很清楚了，呵呵，就到这里了，欢迎补充提议

详细出处参考：http://www.jb51.net/article/22614.htm