在 JavaScript 中用下劃線替換字元

Jagathish 2023年10月12日
  1. 使用 replace 方法替換 JavaScript 中的字元
  2. 在 JavaScript 中結合 splitjoin 方法
在 JavaScript 中用下劃線替換字元

本教程教授如何用 JavaScript 中的其他字串替換特定字元/子字串。我們可以使用 replace 方法將子字串替換為備用子字串。

使用 replace 方法替換 JavaScript 中的字元

replace 方法通過用替換字串替換子字串或模式來返回新字串。

對於 replace 函式,我們應該傳遞兩個引數:

  1. 要替換的模式或子串。
  2. 為找到的模式替換的字串。

例子:

var str = 'Hi From delftstack  .';
var replacedStr = str.replace(/\s+/g, '_');
console.log('str is : ' + str);
console.log('Replaced String is : ' + replacedStr);

輸出:

str is : Hi From delftstack
Replaced String is: Hi_From_delftstack_.

在上面的程式碼中,

  • 建立一個字串變數 str,其值為 Hi From delftstack。
  • 使用 replace 方法將 str 變數中的所有空格替換為下劃線(_) 字元。對於 replace 函式,正規表示式 /\s+/g 作為模式傳遞。在這個正規表示式中,\s+ 將匹配所有空格字元,並且包含 g 標誌(全域性標誌)以匹配所有出現的模式,而不是在第一次匹配後停止。
  • replace 方法將返回一個新字串,該字串將用下劃線 (_) 替換空格。替換字串中的值將是 Hi_From_delftstack_。

在 JavaScript 中結合 splitjoin 方法

我們可以通過結合兩種方法來達到同樣的效果,splitjoin

split 方法將通過將字串拆分為多個子字串來建立一個陣列。對於作為引數傳遞的所有 regex-pattern/string 匹配,字串將被拆分。

join 方法返回一個通過連線所有陣列元素建立的新字串。將在加入字串的每個元素之間新增一個分隔符字串(預設情況下,將新增逗號 ,)。

例子:

var str = 'Hi From delftstack  .';
var splitArr = str.split(/\s+/g);
var replacedStr = splitArr.join('_');

console.log('str is : ' + str);
console.log('splitArr is : ', splitArr);
console.log('Replaced String is : ' + replacedStr);

輸出:

str is : Hi From delftstack
splitArr is : ['Hi', 'From', 'delftstack', '.']
Replaced String is: Hi_From_delftstack_.

在上面的程式碼中,

  • 建立一個字串變數 str,其值為 Hi From delftstack。
  • 使用 split 方法以/\s+/g 正規表示式作為引數。split 方法將為每個匹配的空格字元分割字串。split 方法將返回 ['Hi', 'From', 'delftstack', '.']
  • 使用 join 方法連線拆分字串陣列,下劃線 _ 作為分隔字串,並通過在每個元素之間新增下劃線來連線所有字串元素。join 方法將返回 Hi_From_delftstack_.

相關文章 - JavaScript String

相關文章 - JavaScript Methods