首頁 > web前端 > js教程 > 主體

javascript replace()可不區分大小寫嗎

青灯夜游
發布: 2021-11-04 15:44:33
原創
5717 人瀏覽過

在javascript中,replace()函數可以利用正規表示式來不區分大小寫的替換字串,語法「string.replace(/要尋找的值/gi,"替換值")」;其中“g”代表全域替換,“i”代表忽略大小寫。

javascript replace()可不區分大小寫嗎

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

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

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

語法:

string.replace(searchvalue,newvalue)
登入後複製
參數描述
searchvalue必須。規定子字串或要替換的模式的 RegExp 物件。
請注意,如果該值是一個字串,則將它作為要檢索的直接量文字模式,而不是先轉換為 RegExp 物件。
newvalue必要。一個字串值。規定了替換文字或產生替換文字的函數。

傳回值:一個新的字串,是用 replacement 取代了 regexp 的第一次符合或所有符合之後得到的。

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

replace() 方法第二個參數中特殊字元
#約定字串說明
#$1、$2、...、$99與正規表示式中的第1~99 個子表達式相符的文字
$& (美元符號連字元)與正規表示式相符的子字串
$'(美元符號切換技能鍵)位於符合子字串左側的文字
$'(美元符號單引號)位於符合字串右側的文字
$$表示$ 字串

示例1

将字符串中的字符 a(不区分大小写) 替换为 x

<p>
将字符串中的字符 a(不区分大小写) 替换为 x
</p>
<p id="demo"></p>

<script>
var sText = "abcdefaABC";
//g 代表全局替换  i 代表 忽略大小写
var txt = sText.replace( /a/gi , &#39;x&#39;);
document.getElementById("demo").innerHTML = txt;
</script>
登入後複製

输出结果:

javascript replace()可不區分大小寫嗎

示例2

下面代码把字符串中每个单词转换为首字母大写形式显示。

var s = &#39;javascript is script , is not java.&#39;;  //定义字符串
//定义替换文本函数,参数为第一个子表达式匹配文本
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 = &#39;javascript is script , is not java.&#39;;  //定义字符串
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 = &#39;javascript is script , is not java.&#39;;  //定义字符串
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高级教程

以上是javascript replace()可不區分大小寫嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板