在 JavaScript 中用下劃線替換空格

Muhammad Muzammil Hussain 2023年1月30日
  1. 在 JavaScript 中使用 replace 方法將空格替換為下劃線
  2. 在 JavaScript 中使用 splitjoin 方法將空格替換為下劃線
在 JavaScript 中用下劃線替換空格

在 JavaScript 中,我們可以使用預設的 JavaScript 字串方法,如 replace()split()join() 等,用提供的字串部分替換字串中的單個或多個空格。

在 JavaScript 中使用 replace 方法將空格替換為下劃線

replace() 是 JavaScript 中的預定義方法,我們在字串上使用它來用另一個字串替換該字串的已定義部分。它從完整宣告的字串中搜尋定義的字串部分,並將其替換為給定的值。

replace() 方法不會更改原始字串;它返回更新的字串。

我們將初始化包含空格的字串並測試用下劃線替換空格的 replace 方法。我們將使用帶有修飾符集 (g) 的正規表示式來替換所有例項。

<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"
  1. 我們在上面的 JavaScript 原始碼中初始化了一個包含多個空格的字串。
  2. 我們對該字串使用了 replace() 方法,帶有兩個引數 replace(" ","_")
  3. 它將找出字串中的第一個" "(空格)並將其替換為"_"(下劃線)。
  4. 我們提供了 regex(正規表示式)來替換第一個引數中的所有空格。
  5. 最後,我們顯示更新後的字串以檢視結果並區分工作方法。
  6. 你可以在控制檯日誌框中看到輸出。

在 JavaScript 中使用 splitjoin 方法將空格替換為下劃線

在 JavaScript 中,split() 是一個預定義的方法。它將宣告的字串拆分為子字串陣列。

split() 方法不會更改原始字串;它返回一個新的字串字元陣列。

join() 方法從陣列中返回一個字串;它不會改變原始陣列。

我們可以在字串上使用帶有 join()split() 方法來用另一個字串替換已定義的部分。我們將初始化包含空格的字串並測試 splitjoin 方法以用下劃線替換空格。

<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"
  1. 我們在上面的 JavaScript 原始碼中初始化了一個包含多個空格的字串。
  2. 我們對該字串使用 split() 方法將字串拆分為子字串陣列。
  3. 我們使用 join() 方法從已經使用 split() 方法生成的陣列生成字串。
  4. 我們提供字串"_" 作為 join 方法的引數來替換所有空格。
  5. 最後,我們顯示更新後的字串以檢視結果並區分工作方法。
  6. 檢視控制檯日誌框中的輸出。

相關文章 - JavaScript String