在 JavaScript 中用下劃線替換空格的方法
在 JavaScript 中,我們可以使用默認(rèn)的 JavaScript 字符串方法,如 replace()
、split()
、join()
等,用提供的字符串部分替換字符串中的單個或多個空格。
在 JavaScript 中使用 replace方法將空格替換為下劃線
replace()
是 JavaScript 中的預(yù)定義方法,我們在字符串上使用它來用另一個字符串替換該字符串的已定義部分。它從完整聲明的字符串中搜索定義的字符串部分,并將其替換為給定的值。
replace()
方法不會更改原始字符串;它返回更新的字符串。
我們將初始化包含空格的字符串并測試用下劃線替換空格的 replace
方法。我們將使用帶有修飾符集 (g
) 的正則表達(dá)式來替換所有實例。
<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"
- 我們在上面的 JavaScript 源碼中初始化了一個包含多個空格的字符串。
- 我們對該字符串使用了
replace()
方法,帶有兩個參數(shù)replace(" ","_")
。 - 它將找出字符串中的第一個
" "
(空格)并將其替換為"_"
(下劃線)。 - 我們提供了 regex(正則表達(dá)式)來替換第一個參數(shù)中的所有空格。
- 最后,我們顯示更新后的字符串以查看結(jié)果并區(qū)分工作方法。
- 你可以在控制臺日志框中看到輸出。
在 JavaScript 中使用 split 和 join 方法將空格替換為下劃線
在 JavaScript 中,split()
是一個預(yù)定義的方法。它將聲明的字符串拆分為子字符串?dāng)?shù)組。
split()
方法不會更改原始字符串;它返回一個新的字符串字符數(shù)組。
join()
方法從數(shù)組中返回一個字符串;它不會改變原始數(shù)組。
我們可以在字符串上使用帶有 join()
的 split()
方法來用另一個字符串替換已定義的部分。我們將初始化包含空格的字符串并測試 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"
- 我們在上面的 JavaScript 源碼中初始化了一個包含多個空格的字符串。
- 我們對該字符串使用
split()
方法將字符串拆分為子字符串?dāng)?shù)組。 - 我們使用
join()
方法從已經(jīng)使用split()
方法生成的數(shù)組生成字符串。 - 我們提供字符串
"_"
作為join
方法的參數(shù)來替換所有空格。 - 最后,我們顯示更新后的字符串以查看結(jié)果并區(qū)分工作方法。
- 查看控制臺日志框中的輸出。
到此這篇關(guān)于在 JavaScript 中用下劃線替換空格的文章就介紹到這了,更多相關(guān)js下劃線替換空格內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JS簡單獲取當(dāng)前日期和農(nóng)歷日期的方法
這篇文章主要介紹了JS簡單獲取當(dāng)前日期和農(nóng)歷日期的方法,涉及javascript日期運算與字符串轉(zhuǎn)換相關(guān)操作技巧,需要的朋友可以參考下2017-04-04JavaScript鼠標(biāo)移動事件以及實戰(zhàn)案例
在學(xué)習(xí)JS中我對鼠標(biāo)移動事件進(jìn)行了一些總結(jié),需要的可以作參考,下面這篇文章主要給大家介紹了關(guān)于JavaScript鼠標(biāo)移動事件以及實戰(zhàn)案例的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05javascript實現(xiàn)狀態(tài)欄中文字動態(tài)顯示的方法
這篇文章主要介紹了javascript實現(xiàn)狀態(tài)欄中文字動態(tài)顯示的方法,涉及JavaScript基于時間函數(shù)動態(tài)操作頁面元素屬性的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10JS實現(xiàn)自動定時切換的簡潔網(wǎng)頁選項卡效果
這篇文章主要介紹了JS實現(xiàn)自動定時切換的簡潔網(wǎng)頁選項卡效果,涉及JavaScript基于時間函數(shù)定時觸發(fā)遍歷函數(shù)實現(xiàn)定時切換功能,需要的朋友可以參考下2015-10-10BootStrap daterangepicker 雙日歷控件
這篇文章主要介紹了BootStrap daterangepicker 雙日歷控件,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-06-06JS實現(xiàn)可針對算術(shù)表達(dá)式求值的計算器功能示例
這篇文章主要介紹了JS實現(xiàn)可針對算術(shù)表達(dá)式求值的計算器功能,可實現(xiàn)基本的數(shù)字四則運算功能,涉及javascript基本數(shù)值運算與流程控制、判斷等操作技巧,需要的朋友可以參考下2018-09-09