這篇文章主要介紹“JavaScript 中替換字符串的方法有幾種”，在日常操作中，相信很多人在JavaScript 中替換字符串的方法有幾種問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”JavaScript 中替換字符串的方法有幾種”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

公司主營(yíng)業(yè)務(wù)：成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)建站是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。創(chuàng)新互聯(lián)建站推出北京免費(fèi)做網(wǎng)站回饋大家。

替換字符串中的文本是 JavaScript 開(kāi)發(fā)中的常見(jiàn)任務(wù)。本文研究幾種用 replace 和正則表達(dá)式替換文本的方法。

替換單個(gè)字串通常 JavaScript 的 String replace() 函數(shù)只會(huì)替換它在字符串中找到的第一個(gè)匹配的子符：

const myMessage = 'this is the sentence to end all sentences'; const newMessage = myMessage.replace('sentence', 'message'); console.log(newMessage); // this is the message to end all sentences

在這個(gè)例子中，僅替換了第一個(gè) sentence 字串。

替換多個(gè)子串

如果希望 JavaScript 能夠替換所有子串，必須通過(guò) /g 運(yùn)算符使用正則表達(dá)式：

const myMessage = 'this is the sentence to end all sentences'; const newMessage = myMessage.replace(/sentence/g, 'message'); console.log(newMessage); // this is the message to end all messages

這一次次兩個(gè)子串都會(huì)被替換。

除了使用內(nèi)聯(lián) /g 之外，還可以使用 RegExp 對(duì)象的構(gòu)造函數(shù)：

const myMessage = 'this is the sentence to end all sentences'; const newMessage = myMessage.replace(new RegExp('sentence', 'g'), 'message'); console.log(newMessage); // this is the message to end all messages```

替換特殊字符

要替換特殊字符，例如 -/\^$*+?.()|[]{})，需要使用反斜杠對(duì)其轉(zhuǎn)義。

如果給定字符串 this\-is\-my\-url，要求把所有轉(zhuǎn)義的減號(hào)( \-)替換為未轉(zhuǎn)義的減號(hào)(-)。

可以用 replace() 做到：

const myUrl = 'this\-is\-my\-url'; const newUrl = myMessage.replace(/\\-/g, '-'); console.log(newUrl); // this-is-my-url

或者用new Regexp()：

const myUrl = 'this\-is\-my\-url'; const newUrl = myUrl.replace(new RegExp('\-', 'g'), '-'); console.log(newUrl); // this-is-my-url

在第二個(gè)例子中不必用反斜杠來(lái)轉(zhuǎn)義反斜杠。

到此，關(guān)于“JavaScript 中替換字符串的方法有幾種”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！