JavaScript语言精粹--replace()与正则

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

今天有人问我repalce()，他那个题目很有意思。我也不会做，于是我就去查，结果发现就是最基础的知识的延伸。

所以啊最基础的知识才是很重要的，千万不能忽略，抓起JS就写代码完全不知到所以然，只知道写，但是为什么这么写呢？不知道。

1.JS replace()方法

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

stringObject.replace(regexp/substr,replacement)

参数               描述

regexp/substr    必需。规定子字符串或要替换的模式的 RegExp 对象。请注意，如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为 RegExp 对象。

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

2. replace()这个方法中进行简单的替换是很简单，但是它的灵魂之处却在于去用正则表达式去替换东西，非常巧妙实用！

var str="Visit Microsoft!"

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

输出：Visit W3School!

3.如果 regexp 具有全局标志 g，那么 replace() 方法将替换所有匹配的子串。否则，它只替换第一个匹配子串。

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"))

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

4.用它来确保匹配字符串大写字符的正确性

text = "javascript Tutorial";

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

5.替换涉及到的一些简单常用的正则表达式

a.JavaScript正则表达式的实现

JavaScript对正则表达式的支持是通过ECMAScript中的RegExp类实现的，RegExp对象的构造函数可以带一个或两个参数。第一个参数描述需要进行匹配的模式字符串，第二个参数指定了额外的处理指令。

 举例1：表达式 "c"，在匹配字符串 "abcde" 
 匹配结果是：成功
 匹配到的内容是："c"；匹配到的位置是：开始于2，结束于3。

 举例2：表达式 "bcd"，在匹配字符串 "abcde" 
 匹配结果是：成功
 匹配到的内容是："bcd"；匹配到的位置是：开始于1，结束于4。

b.一些简单的转义

/r, /n	代表回车和换行符
/t	制表符
//	代表 "/" 本身

/^	匹配 ^ 符号本身
/$	匹配 $ 符号本身
/.	匹配小数点（.）本身

  举例：表达式 "/$d"，在匹配字符串 "abc$de" 时，匹配结果是：成功；匹配到的内容是："$d"；匹配到的位置是：开始于3，结束于5。

/d	任意一个数字，0~9 中的任意一个
/w	任意一个字母或数字或下划线，也就是 A~Z,a~z,0~9,_ 中任意一个
/s	包括空格、制表符、换页符等空白字符的其中任意一个
.	小数点可以匹配除了换行符（/n）以外的任意一个字符

  举例1：表达式 "/d/d"，在匹配 "abc123" 时，匹配的结果是：成功；匹配到的内容是："12"；匹配到的位置是：开始于3，结束于5。

  举例2：表达式 "a./d"，在匹配 "aaa100" 时，匹配的结果是：成功；匹配到的内容是："aa1"；匹配到的位置是：开始于1，结束于4。

[ab5@]	匹配 "a" 或 "b" 或 "5" 或 "@"
[^abc]	匹配 "a","b","c" 之外的任意一个字符
[f-k]	匹配 "f"~"k" 之间的任意一个字母
[^A-F0-3]	匹配 "A"~"F","0"~"3" 之外的任意一个字符

 举例1：表达式 "[bcd][bcd]" 匹配 "abc123" 时，匹配的结果是：成功；匹配到的内容是："bc"；匹配到的位置是：开始于1，结束于3。

 举例2：表达式 "[^abc]" 匹配 "abc123" 时，匹配的结果是：成功；匹配到的内容是："1"；匹配到的位置是：开始于3，结束于4。

{n}	表达式重复n次，比如："/w{2}" 相当于 "/w/w"；"a{5}" 相当于 "aaaaa"
{m,n}	表达式至少重复m次，最多重复n次，比如："ba{1,3}"可以匹配 "ba"或"baa"或"baaa"
{m,}	表达式至少重复m次，比如："/w/d{2,}"可以匹配 "a12","_456","M12344"...
?	匹配表达式0次或者1次，相当于 {0,1}，比如："a[cd]?"可以匹配 "a","ac","ad"
+	表达式至少出现1次，相当于 {1,}，比如："a+b"可以匹配 "ab","aab","aaab"...
*	表达式不出现或出现任意次，相当于 {0,}，比如："/^*b"可以匹配 "b","^^^b"...

  举例1：表达式 "/d+/.?/d*" 在匹配 "It costs $12.5" 时，匹配的结果是：成功；匹配到的内容是："12.5"；匹配到的位置是：开始于10，结束于14。

  举例2：表达式 "go{2,8}gle" 在匹配 "Ads by goooooogle" 时，匹配的结果是：成功；匹配到的内容是："goooooogle"；匹配到的位置是：开始于7，结束于17。

^	与字符串开始的地方匹配，不匹配任何字符
$	与字符串结束的地方匹配，不匹配任何字符
/b	匹配一个单词边界，也就是单词和空格之间的位置，不匹配任何字符

举例1：表达式 "^aaa" 在匹配 "xxx aaa xxx" 时，匹配结果是：失败。因为 "^" 要求与字符串开始的地方匹配，因此，只有当 "aaa" 位于字符串      的开头的时候，"^aaa" 才能匹配，比如："aaa xxx xxx"。

举例2：表达式 "aaa$" 在匹配 "xxx aaa xxx" 时，匹配结果是：失败。因为 "$" 要求与字符串结束的地方匹配，因此，只有当 "aaa" 位于字符串      的结尾的时候，"aaa$" 才能匹配，比如："xxx xxx aaa"。

举例3：表达式 "./b." 在匹配 "@@@abc" 时，匹配结果是：成功；匹配到的内容是："@a"；匹配到的位置是：开始于2，结束于4。

      进一步说明："/b" 与 "^" 和 "$" 类似，本身不匹配任何字符，但是它要求它在匹配结果中所处位置的左右两边，其中一边是 "/w" 范围，另      一边是 非"/w" 的范围。

举例4：表达式 "/bend/b" 在匹配 "weekend,endfor,end" 时，匹配结果是：成功；匹配到的内容是："end"；匹配到的位置是：开始于15，结束于      18。