javascript中expression的用法整理

 更新时间:2014年05月13日 17:08:01   作者:  
在学习javaScript, 学到regular expression的时候见知识点有些杂乱,于是将其整理了一些在本文与大家分享
小哥我最近在学习javaScript, 学到regular expression的时候见知识点有些杂乱,所以特别写篇博客做个总结。

定义

在javascript里定义reg exp有两种方法:

1) 用new exp : var exp1 = new exp("abc");

2) 直接在两个/中间放pattern: var exp2 = /abc/; //注意。。没有双引号哟, 加了就成string了

特殊字符

目测特殊字符和perl的是一样的。。直接拿来用就好

\d Digit characters
\w Alphanumeric characters (“word characters”)
\s Whitespace characters (space, tab, newline, and similar)
\D Characters that are not digits
\W Non-alphanumeric characters
\S Non-whitespace characters
. A period matches all characters except newlines
有个很简单的记的方法:

d = digit 所以是数字

w = word 所以是字母

s = space 所以是空格

所有大写全是反的。。

括号[]

在括号中放pattern 代表只要符合任意字符都为真。 (和java 或者 Perl都是一样一样的)

比如
复制代码 代码如下:

console.log(/[01]/.test("023424")); // true

console.log(/[01]/.test("13424")); // true

console.log(/[01]/.test("23424")); // false

括号()

表示要符合括号里的全部才会为真

比如
复制代码 代码如下:

console.log(/[01]/.test("013424")); // true

console.log(/[01]/.test("13424")); // false

console.log(/[01]/.test("230424")); // false

console.log(/[01]/.test("230142401")); // true

Quantifiers

和java是一样一样一样的。。 这个表很好。。小哥我一直喜欢用

Greedy Reluctant Possessive Meaning
X? X?? X?+ X, once or not at all
X* X*? X*+ X, zero or more times
X+ X+? X++ X, one or more times
X{n} X{n}? X{n}+ X, exactly n times
X{n,} X{n,}? X{n,}+ X, at least n times
X{n,m} X{n,m}? X{n,m}+ X, at least n but not more thanm times


expression object functions

1) test 这个很简单,只用把要test的string放到test(...)里,这个function就会return true/false 代表 match/unmatch

2) exec, 这个function返还null如果没有找到match的string.. 如果找到了就会返还一个array. 这个里边包含按顺序match的string

3) String.replace(expression1, string1) 这个function把expression中match的部分换成string1, string1里可以用之前expression中的parenthesized group

,来替代其中的某个部分。 比如说"co-ol".replace(/[\w]+\-[\w]+/,"$2-$1"); //"ol-co" 一直可以用到$9

4)String.replace(expression, function) 这个是加强版,而且很强大, 可以通过function来定义任何你想要的output。具体用法不在这里一一列出,请参考

点击打开链接

动态生成reg expression
当你想要用在reg exp里的东西只有runtime才知道的时候,这个方法就可以适用
生成reg exp其实只需要用string 建好reg exp的样子, 再用Exp的constructor就可以。 (在文章开头的地方提到过)

例如:
复制代码 代码如下:

var name = "dear"

“oh, my dear”.replace(new Exp(name), "god"); // oh, my god

但是如果名字中有特殊字符可能会用在regular expression的时候, 往往上边的方法会出错。
所以, 在那种情况下,我们可以把input string的每一个字符的前边都加上反斜杠 比如:
复制代码 代码如下:

var name = df[]vxv;
var expName = name.replace("/[^/w/s]/g","\\$&");
"my name is df[]vxv".replace(new Exp(name), "Bob"); // my name is Bob

相关文章

  • 微信小程序引入外部icon(阿里巴巴矢量图标)的全过程

    微信小程序引入外部icon(阿里巴巴矢量图标)的全过程

    在小程序中,有默认的图标icon组件,但你会发现它的图标样式很少,可能很多时候并不能满足我们的需求,所以这篇文章主要给大家介绍了关于微信小程序引入外部icon(阿里巴巴矢量图标)的相关资料,需要的朋友可以参考下
    2022-09-09
  • 详解webpack自动生成html页面

    详解webpack自动生成html页面

    本篇文章主要介绍了详解webpack自动生成页面,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • js批量设置样式的三种方法不推荐使用with

    js批量设置样式的三种方法不推荐使用with

    批量设置样式的三种方法:第一种使用JSON/第二种使用cssText/使用第三种with(不推荐使用),感兴趣的朋友可以参考下,希望可以帮助到你
    2013-02-02
  • JavaScript获取radio选中值的几种常用方法小结

    JavaScript获取radio选中值的几种常用方法小结

    这篇文章主要介绍了JavaScript获取radio选中值的几种常用方法,结合实例形式总结分析了javascript获取radio选中值的常见实现方法与操作注意事项,需要的朋友可以参考下
    2023-06-06
  • JavaScript作用域链实例详解

    JavaScript作用域链实例详解

    这篇文章主要介绍了JavaScript作用域链,结合实例形式较为详细的分析了作用域链的原理、功能与相关操作注意事项,需要的朋友可以参考下
    2019-01-01
  • 解决Webpack 热部署检测不到文件变化的问题

    解决Webpack 热部署检测不到文件变化的问题

    下面小编就为大家分享一篇解决Webpack 热部署检测不到文件变化的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • JavaScript使用DeviceOne开发实战(一) 配置和起步

    JavaScript使用DeviceOne开发实战(一) 配置和起步

    这篇文章主要介绍了JavaScript使用DeviceOne开发实战(一) 配置和起步的相关资料,需要的朋友可以参考下
    2015-12-12
  • antDesign 自定义分页样式的实现代码

    antDesign 自定义分页样式的实现代码

    这篇文章主要介绍了antDesign 自定义分页样式的实现代码,这里用到了自定义指令,如果大家用不到可以按照自己的实际效果开发,本文通过实例代码给大家详细讲解,需要的朋友可以参考下
    2022-10-10
  • 小程序实现订单评价和商家评价

    小程序实现订单评价和商家评价

    这篇文章主要为大家详细介绍了小程序实现订单评价和商家评价功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • js实现web调用摄像头 js截取视频画面

    js实现web调用摄像头 js截取视频画面

    这篇文章主要为大家详细介绍了JS web调用摄像头,截取视频画面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-04-04

最新评论