欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript中expression的用法整理

 更新時間:2014年05月13日 17:08:01   作者:  
在學(xué)習(xí)javaScript, 學(xué)到regular expression的時候見知識點有些雜亂,于是將其整理了一些在本文與大家分享
小哥我最近在學(xué)習(xí)javaScript, 學(xué)到regular expression的時候見知識點有些雜亂,所以特別寫篇博客做個總結(jié)。

定義

在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 所以是數(shù)字

w = word 所以是字母

s = space 所以是空格

所有大寫全是反的。。

括號[]

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

比如
復(fù)制代碼 代碼如下:

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

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

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

括號()

表示要符合括號里的全部才會為真

比如
復(fù)制代碼 代碼如下:

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。具體用法不在這里一一列出,請參考

點擊打開鏈接

動態(tài)生成reg expression
當(dāng)你想要用在reg exp里的東西只有runtime才知道的時候,這個方法就可以適用
生成reg exp其實只需要用string 建好reg exp的樣子, 再用Exp的constructor就可以。 (在文章開頭的地方提到過)

例如:
復(fù)制代碼 代碼如下:

var name = "dear"

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

但是如果名字中有特殊字符可能會用在regular expression的時候, 往往上邊的方法會出錯。
所以, 在那種情況下,我們可以把input string的每一個字符的前邊都加上反斜杠 比如:
復(fù)制代碼 代碼如下:

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

相關(guān)文章

  • javascript解鎖前端密碼框常見功能做法

    javascript解鎖前端密碼框常見功能做法

    這篇文章主要為大家介紹了javascript解鎖前端密碼框常見功能做法示例演示,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步早日升職加薪
    2022-03-03
  • 僅IE支持clearAttributes/mergeAttributes方法使用介紹

    僅IE支持clearAttributes/mergeAttributes方法使用介紹

    僅IE中HTMLElement元素具有clearAttributes/mergeAttributes方法,它們都是非標準的
    2012-05-05
  • js, jQuery實現(xiàn)全選、反選功能

    js, jQuery實現(xiàn)全選、反選功能

    本文主要介紹了js, jQuery實現(xiàn)全選、反選功能的方法,具有很好的參考價值。下面跟著小編一起來看下吧
    2017-03-03
  • JS實現(xiàn)超精簡響應(yīng)鼠標顯示二級菜單代碼

    JS實現(xiàn)超精簡響應(yīng)鼠標顯示二級菜單代碼

    這篇文章主要介紹了JS實現(xiàn)超精簡響應(yīng)鼠標顯示二級菜單代碼,可實現(xiàn)針對鼠標事件的響應(yīng)動態(tài)修改頁面元素屬性的功能,非常簡單實用,需要的朋友可以參考下
    2015-09-09
  • JavaScript中的函數(shù)聲明和函數(shù)表達式區(qū)別淺析

    JavaScript中的函數(shù)聲明和函數(shù)表達式區(qū)別淺析

    這篇文章主要介紹了JavaScript中的函數(shù)聲明和函數(shù)表達式區(qū)別淺析,本文總結(jié)的淺顯易懂,非常好的一篇技術(shù)文章,需要的朋友可以參考下
    2015-03-03
  • javascript中數(shù)組的常用算法深入分析

    javascript中數(shù)組的常用算法深入分析

    這篇文章主要給大家介紹了關(guān)于javascript中數(shù)組的常用算法的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者使用javascript具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-03-03
  • 小程序列表懶加載的實現(xiàn)方式

    小程序列表懶加載的實現(xiàn)方式

    懶加載,前端人都知道的一種性能優(yōu)化方式,簡單的來說,只有當(dāng)圖片出現(xiàn)在瀏覽器的可視區(qū)域內(nèi)時,才設(shè)置圖片正真的路徑,讓圖片顯示出來,這篇文章主要給大家介紹了關(guān)于小程序列表懶加載的實現(xiàn)方式,需要的朋友可以參考下
    2022-04-04
  • JavaScript中Object的常用方法總結(jié)

    JavaScript中Object的常用方法總結(jié)

    這篇文章主要為大家整理了7個JavaScript中Object的常用方法的使用,文中的示例代碼講解詳細,對我們掌握JavaScript有一點的幫助,感興趣的可以了解一下
    2023-02-02
  • js動態(tài)添加onload、onresize、onscroll事件(另類方法)

    js動態(tài)添加onload、onresize、onscroll事件(另類方法)

    window 的 onload、onresize、onscroll 事件,跟其他的事件不一樣,它不能用 attachEvent 或 addEventListener 來添加于是本人想了一些另類的方法,需要了解的朋友可以參考下
    2012-12-12
  • js 固定懸浮效果實現(xiàn)思路代碼

    js 固定懸浮效果實現(xiàn)思路代碼

    懸浮效果想必大家都不陌生吧,本文為大家介紹下使用js固定懸浮的實現(xiàn)思路及代碼,感興趣的朋友可以參考下
    2013-08-08

最新評論