快捷導(dǎo)航

js replace 全局替換的操作方法

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

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

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

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

上面這段代碼，只能替換第一個(gè)字符“啊”，第二個(gè)“啊”就無法替換，這樣就沒辦法滿足大多數(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è)需求無法滿足，那就是，我們替換定值可以使用這個(gè)，但是替換變量怎么使用？

接下來，就說一下替換變量的使用方式。

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

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

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

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

總結(jié)

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

您可能感興趣的文章:

相關(guān)文章

第七章之菜單按鈕圖標(biāo)組件
Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。這篇文章主要介紹BootStrap組件之菜單按鈕圖標(biāo)組件的相關(guān)資料,需要的朋友可以參考下
2016-04-04
JavaScript中 DOM操作方法小結(jié)
本篇文章主要介紹了JavaScript中 DOM操作方法小結(jié)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-04-04
js實(shí)現(xiàn)顯示當(dāng)前狀態(tài)的導(dǎo)航效果代碼
這篇文章主要介紹了js實(shí)現(xiàn)顯示當(dāng)前狀態(tài)的導(dǎo)航效果代碼,涉及javascript通過鼠標(biāo)點(diǎn)擊事件動態(tài)改變頁面元素屬性的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2015-08-08
event.currentTarget與event.target的區(qū)別介紹
event.currentTarget與event.target的區(qū)別想大家在使用的時(shí)候不是很在意，本文以測試代碼來講解它門之間的不同
2012-12-12
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本...
2006-09-09
詳解ajax、fetch、axios的區(qū)別
本文主要介紹了詳解ajax、fetch、axios的區(qū)別，眾所周知它們都用來發(fā)送請求，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2024-01-01
JavaScript適配器模式的應(yīng)用詳解
這篇文章主要介紹了理解JavaScript中的適配器模式,適配器模式即Adapter Pattern，是作為兩個(gè)不兼容的接口之間的橋梁。這種類型的設(shè)計(jì)模式屬于結(jié)構(gòu)型模式，下文更多相關(guān)介紹需要的小伙伴可以參考一下
2022-08-08
js下為表格內(nèi)部動態(tài)添加行的代碼
最近的一個(gè)項(xiàng)目中在保存表單數(shù)據(jù)時(shí)，要用到一個(gè)動態(tài)添加行的功能。平時(shí)動態(tài)添加行只是在表格的最下面添加，現(xiàn)在在表格中間動態(tài)添加行，而且表格內(nèi)部是包含并且單元格的，其實(shí)很簡單，下面貼出代碼。
2010-06-06
JS模板編譯的實(shí)現(xiàn)詳情
這篇文章主要介紹了JS模板編譯的實(shí)現(xiàn)詳情，編譯是一種格式變成另一種格式的過程。編譯會導(dǎo)致好的結(jié)果，比如書寫簡單的代碼，編譯出來復(fù)雜的代碼；或者提高代碼的使用性能
2022-07-07
js 字符串轉(zhuǎn)化成數(shù)字的代碼
js 字符串轉(zhuǎn)化成數(shù)字的代碼，需要的朋友可以參考下。
2011-06-06