正则表达式

1、 \d,\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^,$分别是什么?

这些都是正则表达式中的符号。

  • \d 表示匹配0-9之间的任一数字,相当于[0-9],举例:
var str='1a2B3.4_5?6/7%8^9*0'
console.log(str.match(/\d/g))
//输出:["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"]
  • \w 表示匹配任意的字母、数字和下划线,相当于[A-Za-z0-9_],举例:
var str='1a2B3.4_5?6/7%8^9*0'
console.log(str.match(/\w/g))
//输出:["1", "a", "2", "B", "3", "4", "_", "5", "6", "7", "8", "9", "0"]
  • \s 表示匹配空格(包括水平制表符、回车符、换行符、垂直制表符、换页符等),相当于[\t\r\n\v\f],举例:

var str = 'h e\tl\rl\no'
//undefined
str
//"h e  l
l
o"
str.match(/\s/g)
//(4) [" ", "   ", "", "↵"]
0:" "    //空格符
1:" "    //水平制表符
2:""     //回车符
3:"↵"    //换行符
  • [a-zA-Z0-9] 表示匹配大小写a到z和数字0到9中的任意一个字符,举例:
var str='1a2B3.4_5?6/7%8^9*0'
console.log(str.match(/[a-zA-Z0-9]/g))
//输出:["1", "a", "2", "B", "3", "4", "5", "6", "7", "8", "9", "0"]
  • \b 表示匹配单词开头或结尾的匹配。一般字符前面没有字符或者是空格或连接符' - ',可以被匹配成单词的开头。后面没有字符或者是空格或连接符' - ',可以被匹配成单词的结尾。举例:
var str='She was lovely_. 1Then things-changed.'
console.log(str.match(/\b[a-zA-Z]+\b/g))
//输出:["She", "was", "things", "changed"]
  • . 表示匹配除回车(\r)、换行(\n)以外的所有字符,例如:
var str='1 a\r_\nB\t-+?'
console.log(str.match(/./g))
//输出:["1", " ", "a", "_", "B", " ", "-", "+", "?"]
  • *(星号) 表示出现零次或多次(任意次),举例:
var str='hello world'
console.log(str.match(/[a-z]/))   //输出:["h"]
console.log(str.match(/[a-z]*/))   //输出:["hello"]
  • +(加号) 表示出现一次或多次(至少出现一次),举例
var str='hello world'
console.log(str.match(/[a-z]/))   //输出:["h"]
console.log(str.match(/[a-z]+/))   //输出:["hello"]
  • ? 表示出现零次或一次(最多出现一次),举例:
var str='hello 1world'
console.log(str.match(/[0-9][a-z]+/g))  //输出:["1world"]
console.log(str.match(/[0-9]?[a-z]+/g))  //输出:["hello", "1world"]
  • x{3} 表示x出现3次,举例:
var str='1xxx xxx xxxx 1xxxx'
console.log(str.match(/[0-9]?x{3}/g))
//输出:["1xxx", "xxx", "xxx", "1xxx"]
  • ^
    1.方括号外^ 表示字符串的开始位置,举例:
var str='hello1 hello2 hello3'
console.log(str.match(/hello[0-9]/g))  //输出:["hello1", "hello2", "hello3"]
console.log(str.match(/^hello[0-9]/g))  //输出:["hello1"]

2.方括号内的第一个字符是 ^ ,则表示除了字符类之中的字符,其他字符都可以匹配,举例:

var str='helloworld1 2.3/4_?!'
console.log(str.match(/[^hello]/g))
//输出:["w", "r", "d", "1", " ", "2", ".", "3", "/", "4", "_", "?", "!"]
  • $ 表示字符串的结束位置,举例:
var str='hello1 hello2 hello3'
console.log(str.match(/hello[0-9]$/g))   //输出:["hello3"]

2、写一个函数trim(str),去除字符串两边的空白字符

  • 方法一思路:忽略前后的空白字符,两端以至少一个非空白符\S+,中间为任意个数的任意字符(.|\s),并用 ?: 忽略分组嵌套。
function trim(str){
  var str2=str.match(/\S+(?:.|\s)*\S/)
  return str2
}
console.log(trim(' 123 1234 24rrfd ssf  '))
//输出:["123 1234 24rrfd ssf"]
  • 方法二思路:匹配首尾的空白符,用replace方法替换成空字符。
function trim(str) {
    return str.replace(/^\s*|\s*$/g, '');
}
console.log(trim('      123 1234 24rrfd ssf  d'))
//输出:"123 1234 24rrfd ssf  d"
  • 方法三思路:用字符串的 substring 方法,判断第一位是否为空字符,是的话就截取后边的,直到第一位不是空字符;然后同样的方法去掉尾部的空字符。
function trim(str){
  var str2=str
  var reg=/\s/
    while(reg.test(str2[0])){
      str2=str2.substring(1,str2.length)
    }
    while(reg.test(str2[str2.length-1])){
      str2=str2.substring(0,str2.length-1)
    }
  return str2
}
console.log(trim('      123 1234 24rrfd ssf  d  '))
//输出:"123 1234 24rrfd ssf  d"
  • 方法四,把字符串转换为数组,把首尾的空数组去掉,然后再转为字符串输出。
function trim(str){
  var arr=[]
  var reg=/\s/
  for(var i=0;i<str.length;i++){
    arr[i]=str[i]
  }
  while(reg.test(arr[0])){
    arr.shift()
  }
  while(reg.test(arr[arr.length-1])){
    arr.length -=1
  }
  return arr.join('')
}
console.log(trim('      123 1234 24rrfd ssf  d  '))
//输出:"123 1234 24rrfd ssf  d"

3、写一个函数isEmail(str),判断用户输入的是不是邮箱

标准邮箱格式(参考):开始必须是一个或者多个单词字符或者是-,加上@,然后又是一个或者多个单词字符或者是-。然后是点“.”和单词字符和-的组合,可以有一个或者多个组合。

function isEmail(str){
  str.search(/^[\w-]+@[\w-]+\.[\w-]+$/)===-1 
  ? console.log('无效邮箱') : console.log('格式正确')
}
isEmail('1348261663@qq.com')  //输出:"格式正确"
isEmail('.348261663@qq.com')  //输出:"无效邮箱"

4、写一个函数isPhoneNum(str),判断用户输入的是不是手机号

国内手机号码格式(参考):
移动号码段:139、138、137、136、135、134、150、151、152、157、158、159、182、183、187、188、147
联通号码段:130、131、132、136、185、186、145
电信号码段:133、153、180、189

function isPhoneNum(str){
  str.search(/^1[3458]\d{9}$/)===-1 
   ? console.log('无效手机号码') : console.log('手机号码格式正确')
}
isPhoneNum('15236263307')  //输出:"手机号码格式正确"
isPhoneNum('12678906789')  //输出:"无效手机号码"

5、写一个函数isValidUsername(str),判断用户输入的是不是合法的用户名(长度6-20个字符,只能包括字母、数字、下划线)

function isValidUsername(str){
  str.search(/^\w{6,20}$/)===-1?console.log('无效用户名'):console.log('用户名格式正确')
}
isValidUsername('123asd')  //输出:"用户名格式正确"
isValidUsername('123as')  //输出:"无效用户名"

或者

function isValidUsername(str){
  (/^\w{6,20}$/).test(str)?console.log('用户名格式正确'):console.log('无效用户名')
}
isValidUsername('123asd')  //输出:"用户名格式正确"
isValidUsername('123as')  //输出:"无效用户名"

6、写一个函数isValidPassword(str), 判断用户输入的是不是合法密码(长度6-20个字符,只包括大写字母、小写字母、数字、下划线,且至少至少包括两种)

function isValidPassword(str){
//判断密码是否为一种类型
  if((/^[0-9]*$/).test(str)||(/^[a-zA-Z]*$/).test(str)||(/^_*$/).test(str)){
    return '无效密码'
  }
//判断是否符合格式
  else if((/^\w{6,20}$/).test(str)){return '密码可用'}
  return '无效密码'
}
console.log(isValidPassword('abcd1'))   //"无效密码"
console.log(isValidPassword('abcdef'))   //"无效密码"
console.log(isValidPassword('______'))   //"无效密码"
console.log(isValidPassword('123456'))   //"无效密码"
console.log(isValidPassword('_____1'))   //"密码可用"
console.log(isValidPassword('12345_'))   //"密码可用"

7、 写一个正则表达式,得到如下字符串里所有的颜色

var re = /*正则...*/
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee "
console.log( subj.match(re) )  // ['#121212', '#AA00ef']
var re = /#[0-9a-fA-F]{6}/g
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee "
console.log( subj.match(re) )  // ['#121212', '#AA00ef']

8、下面代码输出什么? 为什么? 改写代码,让其输出['hunger', 'world'].

var str = 'hello  "hunger" , hello "world"';
var pat =  /".*"/g;
str.match(pat);
//输出[""hunger" , hello "world""]
//原因是. 匹配除换行和行结束符外的任意单个字符,而 *是贪婪模式,在满足条件的情况下,会尽可能多的匹配
//加?可以避免贪婪模式
var str = ' hello "hunger" , hello "world" ';
var pat = /".*?"/g;
str.match(pat);    //["hunger", "world"]
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,056评论 5 474
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,842评论 2 378
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 148,938评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,296评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,292评论 5 363
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,413评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,824评论 3 393
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,493评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,686评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,502评论 2 318
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,553评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,281评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,820评论 3 305
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,873评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,109评论 1 258
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,699评论 2 348
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,257评论 2 341

推荐阅读更多精彩内容