JavaScript刪除字符串中指定字符的4種方法匯總
方法一:使用replace()方法
replace()方法用于將特定字符或字符串替換為其他字符或字符串。
參數(shù):第一個(gè)參數(shù)是待替換的字符或字符串,第二個(gè)參數(shù)是替換為的字符或字符串。
可以將第一個(gè)參數(shù)設(shè)為要?jiǎng)h除的字符,將第二個(gè)參數(shù)設(shè)為空字符串,這樣就可以刪除字符串中的指定字符了。但是這個(gè)方法只能刪除第一次出現(xiàn)的字符,想要將該字符全部刪除需要將replace()方法和正則表達(dá)式一起使用,它將選擇字符串中的每個(gè)匹配項(xiàng)并將其全部刪除。
var str = "aabbccddeegg"; var reg1 = new RegExp("a","g"); // 加'g',刪除字符串里所有的"a" var a1 = str.replace(reg1,""); console.log(a1); // bbccddeegg var reg2 = new RegExp("a"); // 不加'g',僅刪除字符串里第一個(gè)"a" var a2 = str.replace(reg2,""); console.log(a2); // abbccddeegg
方法二:使用slice()方法
slice()方法用于提取給定參數(shù)之間的字符串部分。
此方法獲取字符串的起始索引和結(jié)束索引,并返回這些索引之間的字符串。如果未指定索引,則假定它是字符串的長(zhǎng)度。
可以通過(guò)將開(kāi)始索引指定為1來(lái)刪除第一個(gè)字符。它將字符串從第二個(gè)字符提取到字符串的結(jié)尾。
通過(guò)將結(jié)束索引指定為小于字符串長(zhǎng)度的一個(gè),可以刪除最后一個(gè)字符。這將從字符串的開(kāi)頭提取字符串到倒數(shù)第二個(gè)字符。
var str = "hello hgbhggfj!"; console.log("原始字符串是:"+str); // 原始字符串是:hello hgbhggfj! console.log("刪除字符串的第一個(gè)字符:"+str.slice(1)); // 刪除字符串的第一個(gè)字符:ello hgbhggfj! console.log("刪除字符串的最后一個(gè)字符:"+str.slice(0, str.length - 1)); // 刪除字符串的最后一個(gè)字符:hello hgbhggfj
方法三:使用substring()方法
subString()方法用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符。
subString()方法返回的子串包括開(kāi)始處的字符,但不包括結(jié)束處的字符。
var str="aabbccdd"; console.log(str.substring(4)); // ccdd
方法四:分隔成數(shù)組
這是一種比較取巧的方法,就是分隔成數(shù)組,再重新拼接成字符串。
var str = "abcdaabbssaaa"; var a = str.split("a").join(""); console.log(a); // bcdbbss
補(bǔ)充:js去掉字符串中的某個(gè)字段,字符,標(biāo)點(diǎn)符號(hào)
let str = 't01.t15.35565' // 使用 replace 方法,只能去掉一個(gè) let b = str.replace('.', '') console.log(b) console.log(b.length)
let str = 't01.t15.35565' // 使用 replace 方法,只能去掉一個(gè) let b = str.replace('.', '') console.log(b) console.log(b.length) // 使用 正則加replace 方法,去掉所有的符合條件字符 let c = str.replace(/\.|\>|\/|\?]/g, '') // console.log(c) // console.log(c.length) 正則可以是其他的任意字段,只要符合你要求就可以
總結(jié)
到此這篇關(guān)于JavaScript刪除字符串中指定字符的4種方法匯總的文章就介紹到這了,更多相關(guān)JS刪除字符串指定字符內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
js動(dòng)態(tài)添加input按鈕并給按鈕增加onclick的函數(shù)事件(帶參數(shù))完整實(shí)例
這篇文章主要介紹了js動(dòng)態(tài)添加input按鈕并給按鈕增加onclick的函數(shù)事件,結(jié)合完整實(shí)例形式分析了javascript頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2023-07-07javascript中xml操作實(shí)現(xiàn)代碼
好久沒(méi)寫了。感覺(jué)今時(shí)今日,HTML5 還依然只是一種玩票的東東。但愿 w3c 的標(biāo)準(zhǔn)可以早一點(diǎn)出臺(tái),不要讓各種瀏覽器的兼容問(wèn)題和支持程度搞死2011-11-11js頁(yè)面引導(dǎo)頁(yè)的實(shí)現(xiàn)思路總結(jié)
在同學(xué)們使用某些網(wǎng)站的新版本頁(yè)面的時(shí)候,經(jīng)常會(huì)出現(xiàn)一個(gè)類似于新手引導(dǎo)一樣的效果,本文主要介紹了js頁(yè)面引導(dǎo)頁(yè)的實(shí)現(xiàn)思路總結(jié),感興趣的可以了解一下2023-04-04JS實(shí)現(xiàn)的車標(biāo)圖片提示效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)的車標(biāo)圖片提示效果代碼,涉及JavaScript鼠標(biāo)事件觸發(fā)頁(yè)面元素遍歷修改的相關(guān)實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10ES6新特性:使用export和import實(shí)現(xiàn)模塊化詳解
本篇文章主要介紹了ES6新特性:使用export和import實(shí)現(xiàn)模塊化詳解,具有一定的參考價(jià)值,有興趣的可以了解一下2017-07-07webpack5處理圖片、圖標(biāo)字體、多媒體等靜態(tài)資源文件
在 webpack5 中內(nèi)置了 file-loader、url-loader、raw-loader, 可以直接通過(guò)配置實(shí)現(xiàn)常用功能,下面就來(lái)介紹一下webpack5處理圖片、圖標(biāo)字體、多媒體等靜態(tài)資源文件的實(shí)現(xiàn)方法,感興趣的可以了解一下2023-12-12