javascript replace()需要區分大小寫嗎

本篇內容主要講解“javascript replace()需要區分大小寫嗎”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“javascript replace()需要區分大小寫嗎”吧!

在javascript中，replace()函數可以利用正則表達式來不區分大小寫的替換字符串，語法“string.replace(/要查找的值/gi,"替換值")”；其中“g”代表全局替換，“i”代表忽略大小寫。

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

在javascript中，replace()函數可以不區分大小寫的替換字符串，這需要借助正則表達式。

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

語法：

string.replace(searchvalue,newvalue)

返回值：一個新的字符串，是用 replacement 替換了 regexp 的第一次匹配或所有匹配之后得到的。

replace() 方法的第二個參數可以使用函數，當匹配時會調用該函數，函數的返回值將作為替換文本使用，同時函數可以接收以$為前綴的特殊字符，用來引用匹配文本的相關信息。

示例1

將字符串中的字符 a(不區分大小寫) 替換為 x

<p>
將字符串中的字符 a(不區分大小寫) 替換為 x
</p>
<p id="demo"></p>

<script>
var sText = "abcdefaABC";
//g 代表全局替換  i 代表 忽略大小寫
var txt = sText.replace( /a/gi , 'x');
document.getElementById("demo").innerHTML = txt;
</script>

輸出結果：

示例2

下面代碼把字符串中每個單詞轉換為首字母大寫形式顯示。

var s = 'javascript is script , is not java.';  //定義字符串
//定義替換文本函數，參數為第一個子表達式匹配文本
var f = function ($1) {
    //把匹配文本的首字母轉換為大寫
    return $1.substring(0,1).toUpperCase() + $1.substring(1).toLowerCase();}
var a = s.replace(/(\b\w+\b)/g, f);  //匹配文本并進行替換
console.log(a);  //返回字符串“JavaScript Is Script ， Is Not Java.”

在上面示例中替換函數的參數為特殊字符“$1”，它表示正則表達式 /(\b\w+\b)/ 中小括號匹配的文本，然后在函數結構內對這個匹配文本進行處理，截取其首字母并轉換為大寫形式，余下字符全為小寫，然后返回新處理的字符串。replace() 方法是在原文本中使用這個返回的新字符串替換掉每次匹配的子字符串。

示例3

對于上面的示例還可以進一步延伸，使用小括號來獲取更多匹配信息。例如，直接利用小括號傳遞單詞的首字母，然后進行大小寫轉換處理，處理結果都是一樣的。

var s = 'javascript is script , is not java.';  //定義字符串
var f = function ($1,$2,$3) {  //定義替換文本函數，請注意參數的變化
    return $2.toUpperCase() + $3;
}
var a = s.replace(/(\b\w+\b)/g, f);
console.log(a);

在函數 f() 中，第一個參數表示每次匹配的文本，第二個參數表示第一個小括號的子表達式所匹配的文本，即單詞的首字母，第二個參數表示第二個小括號的子表達式所匹配的文本。

replace() 方法的第二個參數是一個函數，replace() 方法會給它傳遞多個實參，這些實參都包含一定的意思，具體說明如下：

• 第一個參數表示與匹配模式相匹配的文本，如上面示例中每次匹配的單詞字符串。

• 其后的參數是與匹配模式中子表達式相匹配的字符串，參數個數不限，根據子表達式數而定。

• 后面的參數是一個整數，表示匹配文本在字符串中的下標位置。

• 最后一個參數表示字符串自身。

示例4

把上面示例中替換文本函數改為如下形式。

var f = function() {
    return arguments[1].toUpperCase() + arguments[2];
}

也就是說，如果不為函數傳遞形參，直接調用函數的 arguments 屬性同樣能夠讀取到正則表達式中相關匹配文本的信息。其中：

• arguments[0]：表示每次匹配的文本，即單詞。

• arguments[1]：表示第一個子表達式匹配的文本，即單詞的首個字母。

• arguments[2]：表示第二個子表達式匹配的文本，即單詞的余下字母。

• arguments[3]：表示匹配文本的下標位置，如第一個匹配單詞“javascript”的下標位置就是0，以此類推。

• arguments[4]：表示要執行匹配的字符串，這里表示“javascript is script , is not java.”。

示例5

下面代碼利用函數的 arguments 對象主動獲取 replace() 方法的第一個參數中正則表達式所匹配的詳細信息。

var s = 'javascript is script , is not java.';  //定義字符串
var f = function () {
    for (var i = 0; i < arguments.length; i++) {
        console.log("第" + (i + 1) + "個參數的值："+ arguments[i]);
    }
    console.log("-----------------------------");
}
var a = s.replace(/(\b\w+\b)/g, f);

在函數結構體中，使用 for 循環結構遍歷 arguments 屬性時，發現每次匹配單詞時，都會彈出 5 次提示信息，分別顯示上面所列的匹配文本信息。其中，arguments[1]、arguments[2] 會根據每次匹配文本的不同，分別顯示當前匹配文本中子表達式匹配的信息，arguments[3] 顯示當前匹配單詞的下標位置。而 arguments[0] 總是顯示每次匹配的單詞，arguments[4] 總是顯示被操作的字符串。

到此，相信大家對“javascript replace()需要區分大小寫嗎”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！