關於JavaScript中string 的replace_基礎知識

replace() 方法用於在字串中用一些字符替換另一些字符，或替換一個與正則表達式匹配的子字串。

語法：string.replace(subStr/reg,replaceStr/function)

第一個參數可以是字串的子字串，也可以是一個正規表示式，第二個參數可以是一個字串或一個處理方法，下面我們分別看看

複製程式碼 程式碼如下:

document.write('1234'.replace(1, 'X'));我們可以得到結果：X234，很正常，但是

複製程式碼 程式碼如下:

程式碼如下>

document.write('1214'.replace(1, 'X'));我們預想結果應該是：X2X4，但是得到的結果卻是：X214，也就是說如果我們第一個參數寫的是子字串，那麼replace只取代第一個符合就停止搜尋

我們換第一個符合就停止搜尋複製程式碼

複製程式碼

複製程式碼

複製程式碼複製程式碼

程式碼如下:


document.write('1214'.replace(/1/g, 'X'));這時候我們可以得到預想結果：X2X4

我們來看看function的寫法

複製程式碼複製程式碼

複製程式碼


var r = 'abcd'.replace(/w/g, function() {
            return 'X';
    🎜>
這時我們可以看到預想結果：XXXX，所有字元都被替換為X，這是我之前對replace的認識，但我在JavaScript語言精粹上看到這樣一個例子，我迷惑了





複製程式碼

程式碼如下:

var t = document.getElementById('t');

        String.prototype.deentityfy = function() {

              >                lt: '               ;

            return function() {                            var r = entity[b];                    return typeof r === 'string' ? r : a;         };        } ();         document.write(''.deentityfy());

這段程式碼是為JavaScript的String物件新增一個deentityfy 方法，以取代字元中得得下字元（把"替換為”,替換為>），我們先忽略作者使用的語言技巧，看看他的replace是怎麼用的，第一個參數是一個正則表達式，是匹配之前提到的三個字串，第二個參數的function竟然有了兩個參數，這兩個參數到底是什麼？ 首先entity[b]是JavaScript關聯數組的用法，根據數組資料的name得到value，為了方便理解，我們不妨改造一下這個方法，讓它變得簡單些，讓我們可以更清楚地看到function的參數到底是什麼，同時為了消除瀏覽器轉碼問題，我們修改一下替換字串 複製程式碼 程式碼如下:

String.prototype.deentityfy = function() {
         varEntity = {
        b: 'B',
             c: 'C'
         };
         return function() {
                        for (var i = 0; i ');                        }) ; //取代結束
         };
     } ();
     document.write('1a21b21c2'.deentityf印出來，看看結果是什麼




複製代碼


代碼如下：

a2
代碼如下：

a2 a a21b21c2 ===========================

b2

 
a21b21c2
===== ======================
c2
c

a21b21c2
========== =================
ABC


很奇怪，最後的是方法的結果，很正確，得到了預期的結果，讓我們功能的參數部分，

函數被呼叫了3次，位置是匹配的次數，每次都排列匹配字串。

每次呼叫的時間方法有四個參數

第一個參數很簡單，是符合字串
第二個很奇怪，不過每個人都看一遍不難得出，第二個參數是正規表達式短語內匹配的內容

第三個參數和容易想到的，是字串中索引中的匹配項

第四個參數撕原字串

對不對很神奇，但是不是這樣呢，我們再寫一個嘗試

複製程式碼

程式碼如下：

var r = '1a21b21c2'. g、 function() {            for (var i = 0; i       🎜 >            document.write('=============================
')          🎜>        });        document.write(r);

和前面的例子很像符號




複製程式碼


程式碼如下：

a2

a21b21c2============================b2 a21b21c2=============================c2

a21b21c2
============================XXX

出乎意料對，否則結果是預期的，但是參數少了一個，第二項參數不見了，看看到底還有什麼不同——正則表達式中省略的慣例不見了，上一個例子中，第二項參數不見了輔助詞是句子中的匹配項，不是第二個輔助詞就是正規表示式中的輔助項呢，我們把輔助詞加回去驗證一下

複製程式碼


程式碼如下：

var r = '1a21b21c2'.replace(/1(w2)/g, function() {
                 document .write(arguments[i] '
');
           }
          ====
')
            return 'X';
        });
        document.write(r);

看看結果

複製代碼 代碼如下:

a2
a2
a21b21c2

===========================
b2
b2

a21b21c2

===========================
c2
c2

a21b21c2

===========================
XXX

果不其然，這樣我們就了解了function中到底有哪些參數，現在看看JavaScript語言精粹重的例子就應該明白了，當然我們需要知道關聯數組，立即執行函數，閉包和arguments對象，如果讓我們把一句話中所有的單字首字母大寫，是不是會了呢

複製程式碼 程式碼如下:

//方法很多，這個只是驗證我們剛才的理論才故意寫成這樣麻煩的做法
 var sentence = 'i love you';
        var upper = sentence.replace(/(w)w*b/ b.toUpperCase() a.substring(1);
        });
        document.write(upper);

程式碼

程式碼如下:

//這樣寫其實已經可以勝任  var sentence = 'i love you';  replace(/w b/g, function(a) {            return a.substr(0,1).toUpperCase() a.substring(1);   ); upper) ;