DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JS使用replace()方法和正則表達式進行字符串的搜索與替換實例
JS使用replace()方法和正則表達式進行字符串的搜索與替換實例
編輯:JavaScript綜合知識     

 這篇文章主要介紹了JS使用replace()方法和正則表達式進行字符串的搜索與替換實例,需要的朋友可以參考下

1、JS字符串的替換及replace()方法的使用   replace(regexp,replacement)方法有兩個參數,第一參數可以是一個純文本字符串或是一個RegExp對象,具體請看RegExp對象的使用;第二個參數可是一個字符串也可以是一個函數。   以下是JS字符串替換的舉例:   例1:   代碼如下: var str="Hello world!"; document.write(str.replace(/world/, "phper")); 例2: 代碼如下: var reg=new RegExp("(w+),(d+),(w+)","gmi"); var info="Lili,14,China"; var rep=info.replace(reg, "She is $1, $2 years old, come from $3"); alert(rep); 例3:  代碼如下: var reg=new RegExp("(w+),(d+),(w+)","gmi"); var info="Lili,14,China"; var name, age, from; function prase_info(m,p1,p2,p3) { // 也可使用非顯式參數,使用arguments獲取  name = p1;  age = p2;  from = p3;  return "She is "+p1+", "+p2+" years old, come from "+p3; } var rep=info.replace(reg, prase_info); alert(rep); aler(name);   2、RegExp對象的使用   JavaScript提供了一個RegExp對象來完成有關正則表達式的操作和功能,每一條正則表達式模式對應一個RegExp實例。有兩種方式可以創建RegExp對象的實例。   使用RegExp的顯式構造函數,語法為:new RegExp("pattern"[,"flags"]);使用RegExp的隱式構造函數,采用純文本格式:/pattern/[flags]。例4中兩條語句是等價的。   例4:   代碼如下: var re1 = new RegExp("d{5}"); var re2 = /d{5}/;  3、字符串的搜索及exec()方法的使用    exec()方法返回一個數組,其中存放匹配的結果。如果未找到匹配,則返回值為 null。   例5:    代碼如下: var reg=new RegExp("(w+),(d+),(w+)","gmi"); var m=reg.exec("Lili,14,China"); var s=""; for (i = 0; i < m.length; i++) {       s = s + m[i] + "n"; } alert(s); 4、test()方法的使用   RegExpObject.test(string)   如果字符串 string 中含有與 RegExpObject 匹配的文本,則返回 true,否則返回 false。   例6:   代碼如下: var reg=new RegExp("(w+),(d+),(w+)","gmi"); var m=reg.test("Lili,14,China"); alert(RegExp.$1);  alert(RegExp.$2); alert(RegExp.$3);  
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved