html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

js使用正则实现ReplaceAll全部替换的方法_javascript技巧_

[ ] 已经帮助:人解决问题

JS 字符串有replace() 方法。但这个方法只会对匹配到的第一个字串替换。 如下例:ywwHTML5中文学习网 - HTML5先行者学习网
ywwHTML5中文学习网 - HTML5先行者学习网

<HTML><HEAD><TITLE> New Document </TITLE></HEAD><BODY><script>var str = "wordwordwordword";var strNew = str.replace("word","Excel");alert(strNew);</script></BODY></HTML>

如果要全部替换的话,JS 没有提供replaceAll这样的方法。使用正则表可以达成Replace 的效果:ywwHTML5中文学习网 - HTML5先行者学习网
ywwHTML5中文学习网 - HTML5先行者学习网

str.replace(/word/g,"Excel")

g 的意义是:执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。ywwHTML5中文学习网 - HTML5先行者学习网
ywwHTML5中文学习网 - HTML5先行者学习网

<HEAD><TITLE> New Document </TITLE><script>function replaceAll(str){if(str!=null)str = str.replace(/word/g,"Excel")return str;}</script></HEAD><BODY><script>var str = "wordwordwordword";var strNew = str.replace("word","Excel");strNew = replaceAll(str);alert(strNew);</script></BODY></HTML>

以上写法有个类同的写法:ywwHTML5中文学习网 - HTML5先行者学习网
ywwHTML5中文学习网 - HTML5先行者学习网

str.replace(new RegExp("word","gm"),"Excel")

g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。ywwHTML5中文学习网 - HTML5先行者学习网

m 执行多行匹配。ywwHTML5中文学习网 - HTML5先行者学习网

除此之外,也可以添加 Stirng对象的原型方法:ywwHTML5中文学习网 - HTML5先行者学习网
ywwHTML5中文学习网 - HTML5先行者学习网

String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); }

ywwHTML5中文学习网 - HTML5先行者学习网
这样就可以像使用replace 方法一样使用replaceAll了ywwHTML5中文学习网 - HTML5先行者学习网
ywwHTML5中文学习网 - HTML5先行者学习网

str.replaceAll("word","Excel");

总结一下, 三种方式ywwHTML5中文学习网 - HTML5先行者学习网

1. str.replace(/oldString/g,newString)ywwHTML5中文学习网 - HTML5先行者学习网

2. str.replace(new RegExp(oldString,"gm"),newString)ywwHTML5中文学习网 - HTML5先行者学习网

3. 增加String 对象原型方法 replaceAllywwHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助