在 JavaScript 中用下劃線替換空格的方法
在 JavaScript 中,我們可以使用默認(rèn)的 JavaScript 字符串方法,如 replace()
、split()
、join()
等,用提供的字符串部分替換字符串中的單個(gè)或多個(gè)空格。
在 JavaScript 中使用 replace方法將空格替換為下劃線
replace()
是 JavaScript 中的預(yù)定義方法,我們?cè)谧址鲜褂盟鼇碛昧硪粋€(gè)字符串替換該字符串的已定義部分。它從完整聲明的字符串中搜索定義的字符串部分,并將其替換為給定的值。
replace()
方法不會(huì)更改原始字符串;它返回更新的字符串。
我們將初始化包含空格的字符串并測試用下劃線替換空格的 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è)字符串替換已定義的部分。我們將初始化包含空格的字符串并測試 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)文章
JS簡單獲取當(dāng)前日期和農(nóng)歷日期的方法
這篇文章主要介紹了JS簡單獲取當(dāng)前日期和農(nóng)歷日期的方法,涉及javascript日期運(yùn)算與字符串轉(zhuǎn)換相關(guān)操作技巧,需要的朋友可以參考下2017-04-04JavaScript鼠標(biāo)移動(dòng)事件以及實(shí)戰(zhàn)案例
在學(xué)習(xí)JS中我對(duì)鼠標(biāo)移動(dòng)事件進(jìn)行了一些總結(jié),需要的可以作參考,下面這篇文章主要給大家介紹了關(guān)于JavaScript鼠標(biāo)移動(dòng)事件以及實(shí)戰(zhàn)案例的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05javascript實(shí)現(xiàn)狀態(tài)欄中文字動(dòng)態(tài)顯示的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)狀態(tài)欄中文字動(dòng)態(tài)顯示的方法,涉及JavaScript基于時(shí)間函數(shù)動(dòng)態(tài)操作頁面元素屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10JS實(shí)現(xiàn)自動(dòng)定時(shí)切換的簡潔網(wǎng)頁選項(xiàng)卡效果
這篇文章主要介紹了JS實(shí)現(xiàn)自動(dòng)定時(shí)切換的簡潔網(wǎng)頁選項(xiàng)卡效果,涉及JavaScript基于時(shí)間函數(shù)定時(shí)觸發(fā)遍歷函數(shù)實(shí)現(xiàn)定時(shí)切換功能,需要的朋友可以參考下2015-10-10BootStrap daterangepicker 雙日歷控件
這篇文章主要介紹了BootStrap daterangepicker 雙日歷控件,代碼簡單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-06-06JS實(shí)現(xiàn)可針對(duì)算術(shù)表達(dá)式求值的計(jì)算器功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)可針對(duì)算術(shù)表達(dá)式求值的計(jì)算器功能,可實(shí)現(xiàn)基本的數(shù)字四則運(yùn)算功能,涉及javascript基本數(shù)值運(yùn)算與流程控制、判斷等操作技巧,需要的朋友可以參考下2018-09-09