DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 快樂的JS正則表達式(一)
快樂的JS正則表達式(一)
編輯:JavaScript基礎知識     

上一篇介紹了為什麼需要正則,那從這一篇開始我們就去學習如何使用正則。

  在js中有兩種方式創建正則表達式:

var reg = new RegExp("表達式","可選規則");
var reg = / 表達式 /可選規則;

  另外在本節介紹一個簡單的方法,更多方法會在後面的章節介紹。

  test()方法用來判斷一段文本裡面是否有指定的內容,有就返回true,否則false。

var str = 'qqwebpp';
var reg = /web/;
console.log(reg.test(str)); //true

  需要注意的是/web/匹配的是web這幾個字的整體,而不是一個字符串。

var str = 'qqwebpp';
var reg = /webs/;
console.log(reg.test(str)); //false

  這個表達式驗證了我們上一點。

var str = 'qqhtml5pp';
var reg = /html5/;
console.log(reg.test(str)); //true

  雖然這樣也能夠完成我們要的結果,但是有時html後面的數字我們並不指定是5,如果是任意的數字,我們可以這樣。

var str = 'qqhtml4pp';
var reg = /html[0123456789]/;
console.log(reg.test(str)); //true

  如果我們想匹配任意的一個值,可以用方括號擴起來,只要對應的文本裡面有我們方括號裡面寫的任意一個值就能夠匹配的到。這樣寫多少有些麻煩,如果我們是想匹配任意的一個數字我們可以通過0-9來簡寫,0-9並不是固定的也可以從6-8,隨便你寫。

var str = 'qqhtml4pp';
var reg = /html[0-9]/;
console.log(reg.test(str)); //true

  如果是想匹配任意一個字母的話可以通過[a-z],匹配大寫的字母通過[A-Z],匹配大寫或小寫中的任意一個[a-zA-Z];通過一個來例子結束本節。

  var str1 = 'I move 1 to 2 you ?';
  var str2 = 'I move 6 to 7 you ?';

  匹配這段文字裡面的 數字 to 數字

var str1 = 'I move 1 to 2 you ?';
var str2 = 'I move 6 to 7 you ?';
var reg = /[0-9] to [0-9]/;
console.log(reg.test(str2)); //true

  如果一章講太多的話,會比較乏味,所以分開寫。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved