JavaScript RegExp 对象

一、匹配规则

1).可以匹配任意字符,即'js.'可以匹配'jsp'/'jsx'/'js!'
2)\d可以匹配一个数字,即'00\d'可以'007',但无法匹配'00A'
      '\d\d\d'可以匹配'010'
3)\w可以匹配一个字母或者数字,即'\w\w'可以匹配'js'
4)\s表示空白字符
\S表示非空白字符
\t表示制表符
\r表示回车符
4)*表示任意个字符(包括0个)
5)+表示至少一个字符
6)用?表示0个或1个字符
7)用{n}表示n个字符
8)用{n,m}表示n-m个字符

二、案例分析

分析一:

      \d{3}\s+\d{3,8}
      \d{3}表示匹配3个数字,例如'010'
      \s+表示匹配至少一个空白字符,例如 ''/'\t\t'
      \d{3,8}表示匹配3到8个数字,例如 '1234567'
      综合起来,上面的正则表达式可以匹配以任意个空格隔开的带区号的电话号码;
      \d{3}\-\d\{3,8}可以匹配'010-12345'这样的号码,由于'-'是特殊字符,需要用\转义

分析二:

      [0-9a-zA-Z\_]可以匹配一个数字、字母或者下划线;
      [0-9a-zA-Z\_]+可以匹配至少由一个数字、字母或者下划线组成的字符串,比如'a100''0_Z''js2015'
      [a-zA-Z\_\$][0-9a-zA-Z\_\$]*可以匹配由字母或下划线、$开头,后接任意个由一个数字、字母或者下划线、$组成的字符串,也就是JavaScript允许的变量名
      [a-zA-Z\_\$][0-9a-zA-Z\_\$]{0,19}更加精确地限制了变量的长度是1-20个字符(前面1个字符+后面最多19个字符)
      A|B可以匹配A或B,所以(J|j)ava(S|s)cript可以匹配JavaScriptJavascriptjavaScript或者javaScript
      ^表示行的开头,^\d表示必须以数字开头
      $表示行的结束,\d$表示必须以数字结束,^js$变成了整行匹配,只能匹配js

RegExp

创建正则表达式的方法:

      1)使用/正则表达式/写出来;
      2)通过new RegExp('正则表达式')创建一个RegExp对象;

  var re1 = /ABC\-001/;
  var re2 = new RegExp(/ABC\\-001/);
  console.log(re1); // /ABC\-001/
  console.log(re2); // /ABC\\-001/
test()方法
// test()方法用于测试给定的字符串是否符合条件
  var re = /^\d{3}\-\d{3,8}$/;
  console.log(re.test('010-12345')); // true
  console.log(re.test('010-1234x')); // false
  console.log(re.test('010 12345')); // false
切分字符串split
  var str1 = 'a b   c';
  var str2 = 'a,b   c';
  var str3 = 'a,b;;c  d';
  console.log(str1.split(' ')); // ["a", "b", "", "", "c"]
  console.log(str1.split(/\s+/)); // ["a", "b", "c"]
  console.log(str2.split(/[\s\,]+/)); // ["a", "b", "c"]
  console.log(str3.split(/[\s\,\;]+/)); // ["a", "b", "c", "d"]
分组exec

       如果正则表达式中定义了组,就可以在RegExp对象上用exec()方法提取出子串来,exec()方法在匹配成功后,会返回一个Array,第一个元素是正则表达式匹配到的整个字符串,后面的字符串表示匹配成功的子串;exec()方法在匹配失败时会返回null;

  var re = /^(\d{3})-(\d{3,8})$/;
  console.log(re.exec('010-12345')); // ['010-12345', '010', '12345']
  console.log(re.exec('010 12345')); // null
贪婪匹配 +?

       正则匹配默认是贪婪匹配,也就是匹配尽可能多的字符;

// \d+采用贪婪匹配,直接把后面的0全部匹配了,结果0*只能匹配空字符串了
  var re = /^(\d+)(0*)$/;
  console.log(re.exec('102300')); // ['102300', '102300', '']
// 让\d+采用非贪婪匹配(也就是尽可能少匹配),才能把后面的0匹配出来,加个?就可以让\d+采用非贪婪匹配
  var re = /^(\d+?)(0*)$/;
  console.log(re.exec('102300')); // ['102300', '1023', '00']
全局搜索 g
  var r1 = /test/g;
  // 等价于:
  var r2 = new RegExp('test', 'g');
var s = 'JavaScript, VBScript, JScript and ECMAScript';
var re=/[a-zA-Z]+Script/g;

// 使用全局匹配:
re.exec(s); // ['JavaScript']
re.lastIndex; // 10

re.exec(s); // ['VBScript']
re.lastIndex; // 20

re.exec(s); // ['JScript']
re.lastIndex; // 29

re.exec(s); // ['ECMAScript']
re.lastIndex; // 44

re.exec(s); // null,直到结束仍没有匹配到
search() 方法

       用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串;返回第一个与 regexp 相匹配的子串的起始位置,如果没有找到任何匹配的子串,则返回 -1,默认不执行全局匹配;

match() 方法

       找到一个或多个与 regexp 匹配的方法,但这个方法在很大程序上有赖于 regexp 是否有标志g,如果没有标志g,那么match() 方法就只能执行一次匹配,如果没有找到任何匹配的广本,match() 方法将返回null;
       如果有标志g,则 match() 方法将执行全局检索,找到所有匹配子字符串,若没有找到任何匹配的子串,则返回 null;

replace()方法

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

  name = '"a", "b"';
  document.write(name.replace(/"([^"]*)"/g, "'$1'")); // 'a','b'
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,634评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,951评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,427评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,770评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,835评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,799评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,768评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,544评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,979评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,271评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,427评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,121评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,756评论 3 324
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,375评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,579评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,410评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,315评论 2 352

推荐阅读更多精彩内容

  • 傍晚天色昏黄,雨下得满世界雾蒙蒙的,下班的行人匆忙赶去约会应酬或是回家。一辆黑色宝马车急驶而过,把凹地处的水溅起老...
    哈哈淳阅读 899评论 0 3
  • 文/胡兴达 围绕知识点体系,基于作业、测评、练习等教学应用收集数据,以教育大数据分析引擎为工具,通过机器自主学习建...
    wellhu88阅读 1,176评论 1 1
  • 很多时候,人们喜欢明知不可为而为之。明明知道吃亏是福,就偏偏斤斤计较。 很多时候,ABCD都对你那么好,往往TA们...
    MelissaLok阅读 241评论 0 0
  • 导 语 不仅唐晶的朋友圈在转发,我们这些吃瓜群众也在思考这个问题。从前叫做门当户对、现在叫做势均力敌,真的好吗? ...
    飘雨桐V阅读 282评论 0 0