JS的replace()函数,是一个替换文本的函数,默认只替换第一个匹配的,要想全文替换,就需要用到正则表达式/g。为了大家更好地理解,我结合实例说明。
实例一
var string = aaabbbcccc; //把 a 替换成 b: string.replace("a","b");
结果:baabbbcccc
以上只能替换第一个匹配的,要全文匹配应该用正则表达式:
var string = aaabbbcccc; //把 a 替换成 b: string.replace(/a/g,"b"); //正则加个参数 g ,表示全文匹配。
结果:bbbbbbcccc
但现在,我要替换的不是 a 这个字符了,而是从外面传进来的一个变量:
var key; var string = aaabbbcccc; string.replace(key,"b");
这只能替换第一个匹配的,要全文匹配就遇到难题了:
string.replace(/key/g,"b");
显然,上面这样的写法,key并不是作为一个变量,是得不到预想的结果。变量 key 传不到正则里面去。
后来我想到了用加号拼接变量,但是也失败了。java 有个 replaceAll() 方法,我想如果可以这样不就好了吗:
string.replaceAll(key,"b");
这样就不用正则了,变量就能进去了,然后发现 JS 里没有 replaceAll() 这个方法。但是后来发现官方文档中有对这个函数的介绍:
定义和用法 replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
语法:
stringObject.replace(regexp/substr,replacement):regexp/substr
描述:必需。规定子字符串或要替换的模式的 RegExp 对象。
请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。
参数:replacement
描述:必需。一个字符串值。规定了替换文本或生成替换文本的函数。
这里,利用 JS 的 RegExp 对象,将 g 参数单拿了出来,同时,正则的内容可以用变量来代替了!!!
string.replace(new RegExp(key,'g'),"b");
更多实例:
例1:我们将使用 “AE256” 替换字符串中的 “Webym”:
var str="Visit Webym!" document.write(str.replace(/Webym/, “AE256”)) //输出:Visit AE256!
例2:我们将执行一次全局替换,每当 “Webym” 被找到,它就被替换为 “AE256”。
var str="Welcome to Webym! " str=str + "We are proud to announce that Webym has " str=str + "one of the largest Web Developers sites in the world." document.write(str.replace(/Webym/g, "AE256")) //输出: Welcome to AE256! We are proud to announce that AE256 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); });
声明:如需转载,请注明来源于www.webym.net并保留原文链接:http://www.webym.net/jiaocheng/1073.html