快捷導(dǎo)航

js replace 全局替換的操作方法

更新時(shí)間：2018年06月12日 17:08:52 作者：小倔驢

這篇文章主要介紹了js replace 全局替換的操作方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

js 的replace 默認(rèn)替換只替換第一個(gè)匹配的字符，如果字符串有超過(guò)兩個(gè)以上的對(duì)應(yīng)字符就無(wú)法進(jìn)行替換，這時(shí)候就要進(jìn)行一點(diǎn)操作，進(jìn)行全部替換。

<script language="javascript">
var strM = "這是要被替換的字符串啊啊！";
//在此我想將字母a替換成字母A
alert(strM.replace("啊","額"));
</script>

上面這段代碼，只能替換第一個(gè)字符“啊”，第二個(gè)“啊”就無(wú)法替換，這樣就沒(méi)辦法滿足大多數(shù)使用js(replace)的需求

<script type="text/javascript" language="javascript">
var s = "這是要被替換的字符換啊??！";
alert(s);
alert(s.replace(/啊/g, "額"));

這樣，就可以實(shí)現(xiàn)整個(gè)字符串的替換。

我們這里用到了正則函數(shù)的/g全部的使用。這樣就可以實(shí)現(xiàn)整個(gè)字符串的替換效果。

下面，我們大家可能還有個(gè)需求無(wú)法滿足，那就是，我們替換定值可以使用這個(gè)，但是替換變量怎么使用？

接下來(lái)，就說(shuō)一下替換變量的使用方式。

簡(jiǎn)單介紹一下eval() 函數(shù)可計(jì)算某個(gè)字符串，并執(zhí)行其中的的 JavaScript 代碼。接下來(lái)主要靠這個(gè)函數(shù)。

<script>
var ch = "變量";
var reg = "/"+ch+"/g";
var str = "這是一個(gè)變量，這是一個(gè)變量";
var val = str.replace(eval(reg),"替換");
alert(val);
</script>

但是如果要替換的字符串中含有/符號(hào)時(shí)，上面的就不能用了，需要采取以下方法

<script>
var ch = "/";
var str = "這是一/個(gè)變量，這是一個(gè)變量";
var val = str .replace(new RegExp(ch,'g'),"b");
alert(val);
</script>

總結(jié)

以上所述是小編給大家介紹的js replace 全局替換的操作方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

jsTree事件和交互以及插件plugins詳解
這篇文章主要為大家詳細(xì)介紹了jsTree事件和交互以及插件plugins的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-08-08
關(guān)于刪除時(shí)的提示處理（確定刪除嗎）
在刪除時(shí)為了提醒用戶(hù)刪除數(shù)據(jù)的不可恢復(fù)一般都會(huì)有提示處理的，通常會(huì)使用js做到這一點(diǎn)，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2013-11-11
javascript腳本調(diào)試方法小結(jié)
相信大家試過(guò)編寫(xiě)javascript腳本時(shí)發(fā)生這樣或那樣的錯(cuò)誤，但是js并沒(méi)有很好的調(diào)試方法，在這里介紹兩個(gè)方法。
2008-11-11
關(guān)于JavaScript中異步/等待的用法與理解
這篇文章主要給大家介紹了關(guān)于JavaScript中異步/等待的用法與理解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-11-11
js實(shí)現(xiàn)頁(yè)面圖片消除效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)頁(yè)面圖片消除效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-03-03
js面向?qū)ο蠓绞綄?shí)現(xiàn)拖拽效果
這篇文章主要為大家詳細(xì)介紹了js面向?qū)ο蠓绞綄?shí)現(xiàn)拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-03-03
微信小程序子組件向父組件傳值的兩種方法
本文介紹了微信小程序中子組件向父組件傳值的兩種方法,這兩種方法都能有效地實(shí)現(xiàn)子組件向父組件的數(shù)據(jù)傳遞,對(duì)于開(kāi)發(fā)微信小程序的開(kāi)發(fā)者來(lái)說(shuō),掌握這些技巧非常重要,感興趣的朋友跟隨小編一起看看吧
2024-09-09
修復(fù)IE9&safari 的sort方法
解決方案其實(shí)就是冒泡排序的一個(gè)包裝,本補(bǔ)丁不修復(fù)各瀏覽的排序算法不一致的問(wèn)題
2011-10-10
JavaScript中創(chuàng)建原子的方法總結(jié)
這篇文章主要給大家總結(jié)介紹了關(guān)于JavaScript中創(chuàng)建原子的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2018-08-08
javascript貪吃蛇游戲設(shè)計(jì)與實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了javascript貪吃蛇游戲設(shè)計(jì)與實(shí)現(xiàn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-09-09