在 JavaScript 中用下劃線替換空格的方法
在 JavaScript 中,我們可以使用默認(rèn)的 JavaScript 字符串方法,如 replace()、split()、join() 等,用提供的字符串部分替換字符串中的單個(gè)或多個(gè)空格。
在 JavaScript 中使用 replace方法將空格替換為下劃線
replace() 是 JavaScript 中的預(yù)定義方法,我們?cè)谧址鲜褂盟鼇碛昧硪粋€(gè)字符串替換該字符串的已定義部分。它從完整聲明的字符串中搜索定義的字符串部分,并將其替換為給定的值。
replace() 方法不會(huì)更改原始字符串;它返回更新的字符串。
我們將初始化包含空格的字符串并測(cè)試用下劃線替換空格的 replace 方法。我們將使用帶有修飾符集 (g) 的正則表達(dá)式來替換所有實(shí)例。
<script>
let string = "Delft stack is a good website to learn programming"
let resultOne = string.replace(" ","_") //replace one
let resultAll = string.replace(/\s+/g, '_'); //replace all
console.log("original string: "+string)
console.log("updated string for one: "+resultOne)
console.log("updated string for all: "+resultAll)
</script>輸出:
"original string: Delft stack is a good website to learn programming"
"updated string for one: Delft_stack is a good website to learn programming"
"updated string for all: Delft_stack_is_a_good_website_to_learn_programming"
- 我們?cè)谏厦娴?JavaScript 源碼中初始化了一個(gè)包含多個(gè)空格的字符串。
- 我們對(duì)該字符串使用了
replace()方法,帶有兩個(gè)參數(shù)replace(" ","_")。 - 它將找出字符串中的第一個(gè)
" "(空格)并將其替換為"_"(下劃線)。 - 我們提供了 regex(正則表達(dá)式)來替換第一個(gè)參數(shù)中的所有空格。
- 最后,我們顯示更新后的字符串以查看結(jié)果并區(qū)分工作方法。
- 你可以在控制臺(tái)日志框中看到輸出。
在 JavaScript 中使用 split 和 join 方法將空格替換為下劃線
在 JavaScript 中,split() 是一個(gè)預(yù)定義的方法。它將聲明的字符串拆分為子字符串?dāng)?shù)組。
split() 方法不會(huì)更改原始字符串;它返回一個(gè)新的字符串字符數(shù)組。
join() 方法從數(shù)組中返回一個(gè)字符串;它不會(huì)改變?cè)紨?shù)組。
我們可以在字符串上使用帶有 join() 的 split() 方法來用另一個(gè)字符串替換已定義的部分。我們將初始化包含空格的字符串并測(cè)試 split 和 join 方法以用下劃線替換空格。
<script>
let string = "Delft stack is a good website to learn programming"
let result = string.split(' ').join('_');
console.log("original string: "+string)
console.log("updated string: "+result)
</script>輸出:
"original string: Delft stack is a good website to learn programming"
"updated string: Delft_stack_is_a_good_website_to_learn_programming"
- 我們?cè)谏厦娴?JavaScript 源碼中初始化了一個(gè)包含多個(gè)空格的字符串。
- 我們對(duì)該字符串使用
split()方法將字符串拆分為子字符串?dāng)?shù)組。 - 我們使用
join()方法從已經(jīng)使用split()方法生成的數(shù)組生成字符串。 - 我們提供字符串
"_"作為join方法的參數(shù)來替換所有空格。 - 最后,我們顯示更新后的字符串以查看結(jié)果并區(qū)分工作方法。
- 查看控制臺(tái)日志框中的輸出。
到此這篇關(guān)于在 JavaScript 中用下劃線替換空格的文章就介紹到這了,更多相關(guān)js下劃線替換空格內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
常用的JavaScript驗(yàn)證正則表達(dá)式匯總
這篇文章主要是對(duì)常用的JavaScript驗(yàn)證正則表達(dá)式進(jìn)行了詳細(xì)的匯總介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-11-11
ES6代碼轉(zhuǎn)ES5詳細(xì)教程(babel安裝使用教程)
Babel 是一個(gè)廣泛使用的 ES6 轉(zhuǎn)碼器,可以將 ES6 代碼轉(zhuǎn)為 ES5 代碼,從而在老版本的瀏覽器執(zhí)行,這意味著,你可以用 ES6 的方式編寫程序,又不用擔(dān)心現(xiàn)有環(huán)境是否支持,這篇文章主要介紹了ES6代碼轉(zhuǎn)ES5教程(babel安裝使用教程),需要的朋友可以參考下2023-01-01
微信小程序滑動(dòng)控制自定義標(biāo)題顯示和隱藏效果
文章介紹了如何在小程序中實(shí)現(xiàn)首頁(yè)標(biāo)題的顯示與隱藏功能,通過配置JSON、HTML和JS代碼,并利用小程序框架的滾動(dòng)監(jiān)聽方法onPageScroll來實(shí)現(xiàn)滾動(dòng)過程中標(biāo)題的動(dòng)態(tài)顯示和隱藏效果,感興趣的朋友跟隨小編一起看看吧2026-03-03
javascript 密碼強(qiáng)弱度檢測(cè)萬(wàn)能插件
網(wǎng)上用的比較多的一種用來檢測(cè)用戶輸入密碼的強(qiáng)度檢測(cè),其實(shí)就是把一些常用的拼音,英文單詞, 純數(shù)字,純字母等。2009-02-02
微信小程序6位或多位驗(yàn)證碼密碼輸入框功能的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序6位或多位驗(yàn)證碼密碼輸入框功能的實(shí)現(xiàn)代碼,實(shí)現(xiàn)思路很簡(jiǎn)單,需要的朋友可以參考下2018-05-05
canvas實(shí)現(xiàn)圖片根據(jù)滑塊放大縮小效果
本文主要介紹了canvas實(shí)現(xiàn)圖片根據(jù)滑塊放大縮小效果的實(shí)例,具有很好的參考價(jià)值,下面跟著小編一起來看下吧2017-02-02
JavaScript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器小功能
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器小功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-10-10

