js查找包括 "北京" 两个字的正则表达式怎么写?

JavaScript013

js查找包括 "北京" 两个字的正则表达式怎么写?,第1张

你是这个意思吗?

<script type="text/javascript">

function testABC(str)

{

return /北京/.test(str)

}

document.write(testABC("北京眇辚因"))

</script>

给你再补充一些知识吧

因为正则的规则非常多, 我在这里只写JS内常用到的, 其它不常用的和更多, 你可以去看JS手册, 比如JS55.chm

1, 新建

//是新建RegExp对象的快捷方式

如:

/abc/

它等同于new RegExp("abc")

所以在JS内新建正则有以上两种方式, 常用/ /方式比较简单

新建时正则的参数有i, g, m, 它们分别表示为:

i - 忽略大小写匹配

g - 全局匹配, 它只影响match, replace, exec等函数的返回值, 不对test测试结果起作用

m - 多行匹配 (需要与^ $一起用才有用)

用法:

/abc/i/abc/g/abc/m或任意组合如/abc/ig

开头匹配符^表示必须以某字符开始, 如

/^abc/g 那么匹配的字符串必须以abc开头, 如abc123456

结尾匹配符$表示必须以某字符结尾, 如

/abc$/ 那么匹配字符串必须以abc结尾, 如23132abc

所以:

/^abc$/ 就只能匹配abc这个字符串

举例:

function testABC(str)

{

return /^abc$/i.test(str)

}

alert(testABC("ABC")) alert(testABC("DEF")) alert(testABC("abc"))//试下去掉i就不能匹配了

范围匹配符[]表示匹配一个范围

如[0-9] [a-z] [A-Z]表示匹配里面指定的范围

如/^a[c-f]zzz$/ 就只能匹配aczzz adzzz aezzz 和afzzz

指定长度匹配

{m}, {m, n} 表示最少m个, 最多n个, 如:/a{1}/只匹配1个a, /a{1,} 表示最少1个a或N个a, /a{1,3}/ 最少一个a最多3个a

*表示0个或任意个字符

如a* 表示匹配0个a或N个a

+表示1个或任意个字符

如a+表示匹配1个或N个a

?表示0个或1个

如a?表示0个a或1个a

.表示除了换行符以外的任意字符\w等同于[A-Za-z0-9_]\d等同于[0-9]

举例:

/^.+$/匹配1个或N个除了换行符以外的任意字符

/\d{3}/匹配3个数字

/\w{5}/匹配5个字母或数字或_

转义符:

有时候比如要匹配? * +这样的字符怎么办, 它已经是正则语法符号了, 这时就要用到转义符"\"

比如, 匹配1个或N个?号, 正则为: /^\?+$/

选择符|, 与分组符()

(|) 也就是或的意思, 比如(abc|def)就只能匹配abc或def

举例: /^a(pp|ng)le$/ 就只能匹配apple或angle, 分组的意思是将这个匹配存储进match, exec, replace的返回结果数组中

好了, 上面的你理解了的话, 你题目里面的就可以自己写出来了.

最简单的正则(不考虑年月份大小)也就是4个数字加\/再加2个数字再加\/再加两个数字 (/符号要转义, 所以为\/), 你自己试试写写看, 用\d或[0-9]都可以

另外, 基本的正则学会后, 要学习高级的正则.

如:

1, 非贪婪匹配模式: ?符跟在*, +, ?, {m}, {m,}, {m, n} 这些规则之后时为非贪婪匹配模式

2, 不储存分组(?:) 非常长的字符串匹配时速度非常明显

3, 正向预查?=和负向预查?!

等等

纯手工.....

有什么问题可以追问.....

1,学习js分几个阶段,没入门,入门初学者,中级水平,高级水平,ppt水平。

2,没入门的如何学习?

我当初是先学jquery,有css和html基础,有css基础看jq的语法很简单,就是选择符,jq的api懂高中英语就够了,猜也猜的出来意思,然后下载基本jq的chm手册,对着挨个看一遍。(这个挨个看一遍的意思就是一行一句的逐个看一遍,看不懂的别死扣,先看完再说)。

看完一遍之后,心中有数,哦,原来有个ajax函数可以访问网络资源,有个success可以写回调方法,超时怎么办?几个一起同时发怎么办?不管了,用到再说。哦,原来有个find函数可以查找dom节点,哦,原来有个serialize函数可以序列化表单值,哦,原来有个toggle函数可以做切换用,哦,有个fn可以挂着写插件用,哦,切换cls这样做就行了,哦,请求json数据这样配置参数就可以了。

做到了解,你就成功了,用到的时候知道jq能干什么,不能干什么,干什么的时候去看哪一章,再去仔细研究,做东西开始有点慢,做起来几个东西之后就手熟了。

同理,我学习yui2,kissy,mootools,nodejs,react,ng,甚至swift部分也是这样对着手册来的,反复几遍就可以了。

入门的意思就是概括一下,我知道有哪些api能干什么,具体怎么干,用的时候再说。

2,入门初学者。

我看完手册了,也写了几个小项目了(切换切换class,套几个jq插件,ajax取完数据又html放到指定位置了类似这种需求)。我感觉我可牛逼啦,终于会写交互js啦,感觉什么都不怕啦,其实就是刚入门而已。

我们来看看入门初学者怎么提升js编程技巧,个人经验,切勿照搬模仿,我们会使用框架工具库完成简单需求的同时,我们无法理解一些复杂功能的开发原理。比如一个简单的放大镜特效,一个裁切头像大小的功能,一个轮播组件,一个搜索智能提示,一个at圈人功能,甚至一个回到顶部的fixed按钮,或者输入框计数,表单验证组件,动态表格,长连接聊天功能,浮出层,移动端的swiper,动画函数,选择器,字符串模板,富文本编辑器?太多啦?一点也不多,我还没说全呢,几乎所有你在网页里见到的一些现成交互,其实有个学名,慢慢看,挨个写一遍,两遍,三遍,先不谈封装成组件,api是否优美,就说能不能写出来,刚入门的人一定say no。

说白了,经验的积累是前端开发非常重要的一条,有些东西你没写过你还真就是不会写,或者你知道怎么写,但是你没写过也别轻易说自己会,因为兼容问题,很多东西细节上你还是没有体会。所以,我第一次工作写一个头像裁切功能,我想了好多个夜晚,也没弄明白原理,查了好多文章,又写了许多demo,最后还是做了出来,但是会有一些极限情况下的bug?一个组件一个组件的撸,一遍又一遍的撸,是初学者最好的提升方法。

等你做到基本网页里任何一个功能看一眼就知道怎么写或者都亲自写过的时候(不是demo级别,是上线级别),你就已经不是初学者了,大概这个速度快也要1年左右时间,这也就是为什么一些功能招聘都要3年以上的原因了,经验包的积累不是看几本书就搞的定的。

3,中级水平。

你发现你在编写javascript功能时已经没什么好怕的东西了,也就是说,衡量一个需求时,你从来不会说no,而只是预估时间的时候,基本就已经达到中级水平了,这个时候你明确的知道自己在写的是什么,也能读懂别人写的是什么,而且拥有了一些自己平时积累所写得插件,组件,并封装的好好的,那么,就完美了么?你发现你遇到了瓶颈,不知道如何提高自己了,打开了知乎,可能问下了这个问题:《如何提高javascript编程高级技巧》

这个时候你需要往高级一步了,你可能熟练使用jq或者某一框架,基于某些框架二次开发了非常炫酷的插件组件,并且了解了设计模式,一些高大上的名词,业务需求无法满足你,自动化工具grunt和gulp用的妥妥的,总之,很多事情在你眼里自己无所不能,哎呀我操,为什么呢,我是不是凯瑞了全场?

这个时候,你需要的是开始思考,从最开头开始撸你的东西了,比如我们往往喜欢使用jq或者zepto,我们的插件往往是基于他们或者说我们的经验都是在某一个领域框架下实现的,回过头来看,这些东西真的好吗,他们是如何实现的?为什么要这样设计,一个超过5000行的抽象类怎么组织,设计模式你真的理解吗,js的奇淫技巧你会几样,有没有见过一些根本看不懂的js代码,那些大牛们到底在说什么呀,es6的api到底有多少个呀,那些新手都看得懂jq(真的懂?),为毛自己写不出来?grunt到底是怎么运行的啊,v8的源码是什么样的啊,测试用例是什么鬼啊?

很多时候,我在读一个库的源码时,在看devDependencies的时候,意外又发现了数个不懂的东西,有时候见到一段代码会会心一笑,有时候又会大喊卧槽,从感觉自己什么都知道,到感觉自己什么都不知道,可能就是你突破瓶颈的时候了。

4,高级水平。

我们公司也有高级工程师的技术序列要求,我刚好评过,基本考察点都不在你如何实现一个技术细节了,而是考察你如何从0到1的这个过程,以及可能涉及到2,3,4的预判能力。还有就是在业界都在传一些东西很好很强大的时候,你已经可以把他转换为实际的生产力了,能发现一些好的东西里面不足的地方,并能自己改进,永远不满足,不崇拜大牛,因为自己就是大牛。说白了,你写的东西要能让很多人解决一些经常解决不了的问题,比如怎么能让你的系统更快,依赖更少,代码更小,开发起来更爽,新人如何更好的上手,api设计的美不美,实现的每一行代码都精雕细琢,review别人得东西总能提出自己的看法,总之,Legendary啦!

使用同一份文件:jscss.php  

<link type="text/css" rel="stylesheet" href="jscss.php" /><script type="text/javascript" src="jscss.php"></script>jscss.php的内容  

<?header('Content-type: */*')?>  

<!-- /*  

window.onload=function(){  

    document.getElementById("test2").innerHTML="传说中滴JS测试者。如果你看到我,那<strong>JS</strong>也生效了"  

}  

<!-- */   

<!-- #test1,#test2{border:3px #000 solidpadding:5pxcolor:#123456background-color:#ccc} strong{color:red}  

Copyright © 2006-2007 aoao , Some Rights Reserved .