<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。

 转载:http://www.cnblogs.com/zqzjs/p/4457017.html

时间: 2024-12-25 11:20:31

<JavaScript语言精粹>--<读书笔记三>之replace()与正则的相关文章

&lt;JavaScript语言精粹&gt;-读书笔记(一)

用object.hasOwnProperty(variable)来确定这个属性名是否为该对象成员,还是来自于原型链. for(my in obj){ if(obj.hasOwnProperty(my)){ ... } } 思考:--用来遍历判断是否有该属性成员,当为一个string var="abcdef"一样的一个字符串时,通过JS代码判断其中是否含有我们需要的某一个字符,比如a,如果有就将其remove 一个属性存取表达式用于指定一个对象或数组的属性或元素. 对象字面量:一个对象字

JavaScript 语言精粹学习笔记第1/2页_javascript技巧

非常好的想法包括函数,弱类型,动态对象和一个富有表现力的对象字面量的表示法, 坏的想法包括基于全局变量的编程模型. JavaScript的函数是基于词法作用域的顶级对象.Javascript是第一个成为主流的Lambda语言.相对于Java而言,JavaScript于Lisp和Scheme有更多的共同点.它是披着C外衣的Lisp.这使得JavaScript成为一个非常强大的语言. 现在大部分变成语言都流行要求强类型.其原理在于强类型允许编译器在编译时检查错误.我们越早检查和修复错误,付出的代价越

《JavaScript语言精粹》读书笔记

<JavaScript语言精粹>这本书句句是精华.如果你想只读一本书了解JavaScript,这本是你的不二选择. 这么薄的一本书讲JavaScript的特点介绍的非常清楚,是我对JavaScript的认识更加的深入.以前总觉得函数式编程很难理解,但是看了这本书以后我觉得对其有了一个新的认识.严格意义上说JavaScript并不仅仅是一门函数式编程语言,书中有一句话对它的特性做了一个精彩的描述:JavaScript的许多特性都借鉴自其他语言.语法借鉴自java,函数借鉴自Scheme,原型继承

JavaScript语言精粹经典实例(整理篇)_javascript技巧

数据类型 JavaScript 是 弱类型 语言,但并不是没有类型,JavaScript可以识别下面 7 种不同类型的值: 基本数据类型 1.Boolean 2.Number 3.String 4.null 5.undefined 6.Symbol Object 1.Array 2.RegExp 3.Date 4.Math 5.... 可以使用 typeof 判断数据类型,操作符返回一个字符串,但并非返回的所有结果都符合预期 typeof false // "boolean" type

《淘宝技术这十年》读书笔记 (三). 创造技术TFS和Tair

        前面两篇文章介绍了淘宝的发展历程和Java时代的变迁:             <淘宝技术这十年>读书笔记 (一).淘宝网技术简介及来源             <淘宝技术这十年>读书笔记 (二).Java时代的脱胎换骨和坚若磐石         马云说过"创新不是为了与对手竞争,而是跟明天竞争",所以这篇文章讲述淘宝的创新技术TFS和Tair及创新的产品.         该篇文章不仅仅对在读大学生非常有所帮助,因为你能从文章中看到很多你需要学

javascript框架设计读书笔记之种子模块_javascript技巧

1.命名空间: js里面的命名空间就是使用对象的属性来扩展的.比如,用户定义一个A对象,A对象下面有B属性和C属性,同时B属性和C属性又是对象.因此A={B:{},C:{}},这时用户就可以在B对象和C对象中定义一样的方法,属性了.因此B和C就属于不同的命名空间.我们调用B,C对象里面的方法,就可以通过A.B.like(),A.C.like()调用了.当然A属于window对象中的属性. 但是有一种情况,比如:boke.jsp页面引入了jquery.js以及prototype.js(他们都会在w

JavaScript高级程序设计 读书笔记之八 Function类及闭包_javascript技巧

Function类 定义 Function类可以表示开发者定义的任何函数,用Function类直接创建函数的语法如下: var function_name=new Function(agrument1,agrument2,...,argumentN,function_body); 每个argument都是一个参数,最后一个参数是函数主体(要执行的代码). 示例: 复制代码 代码如下: function sayHi(sName,sMessage){ alert("Hello "+sNam

Programming Ruby读书笔记(三)

Ruby的标准类型: A.数字 class Test 3.times { print "X " } 1.upto(5) { |i| print i, " " } 99.downto(95) { |i| print i, " " } 50.step(80,5) { |i| print i, " " } a = "23" b = "34" puts " " puts a

JavaScript 精粹读书笔记(1,2)_javascript技巧

第1章 精华 JavaScript的特性中有一部分特性带来的麻烦远远超出它们的价值.其中,一些特性是因为规范很不完善,从而可能导致可移植性的问题:一些特性会导致生成难以理解和修改的代码:一些特性促使我的代码风格过于复杂且易于出错:还有一些特性就是设计错误.有时候语言的设计者也会犯错. 大多数编程语言都有精华部分和鸡肋部分.我发现如果只使用精华部分而避免使用鸡肋的部分,我可以成为一个更好的程序员.毕竟,用糟糕的部件怎么可能构建出好东西呢? 标准委员会想要移除一门语言中的缺陷部分,这几乎是不可能的,