在 JavaScript 中用破折號替換空格

Shraddha Paghdar 2023年1月30日
  1. 在 JavaScript 中使用 replaceAll() 用破折號替換空格
  2. 在 JavaScript 中使用 replace() 用破折號替換空格
在 JavaScript 中用破折號替換空格

JavaScript 提供了兩個函式來用另一個字串替換一個字串。今天的帖子將教我們兩個用破折號(’-’)替換空格(’’)的功能。

在 JavaScript 中使用 replaceAll() 用破折號替換空格

replaceAll() 技術返回一個新字串,其中模式的所有匹配都被替換替換。

模式通常是字串或正規表示式,因此替換可能是字串或每次匹配都必須呼叫的函式。

語法:

replaceAll(regexp, newSubstr)
replaceAll(regexp, replacerFunction)

replaceAll(substr, newSubstr)
replaceAll(substr, replacerFunction)

regexp 或模式是帶有全域性標誌的物件或文字。匹配被替換為 newSubstr 或指定替換函式返回的值。

沒有全域性標誌 g 的 RegExp 會引發 TypeError:replaceAll must be called with a regular expressionsubstr 是應替換為 newSubstr 的字串。

它被視為文字字串,而不被解釋為正規表示式。

newSubstrreplace 是用指定的 regexpsubstr 引數替換指定子字串的字串。允許使用幾種特殊的替換模式。

呼叫 replacerFunctionreplacement 函式來建立新的子字串,用於將匹配項替換為指定的正規表示式或子字串。

一個新字串作為輸出返回,模式的所有匹配都被替換。

關於 replaceAll 函式的更多資訊可以在這個文件中找到。

const p = 'Hello World! Welcome to my blog post.';

console.log(p.replaceAll(' ', '-'));

const regex = /\s/ig;
console.log(p.replaceAll(regex, '-'));

在上面的示例中,我們將空格替換為字串,並將 - 作為新字串應用於宣告。如果要替換複雜的字串,可以使用正規表示式。

它會自動找到合適的模式並用 replaceAll 函式或替換字串替換它。

輸出:

"Hello-World!-Welcome-to-my-blog-post."
"Hello-World!-Welcome-to-my-blog-post."

在 JavaScript 中使用 replace() 用破折號替換空格

replace() 技術返回一個新字串,其中模式的所有匹配都被替換替換。

模式通常是字串或正規表示式,因此替換可能是字串或每次匹配都必須呼叫的函式。

如果模式是字串,它只會替換第一個匹配的匹配項。

語法:

replace(regexp, newSubstr)
replace(regexp, replacerFunction)

replace(substr, newSubstr)
replace(substr, replacerFunction)

regexp 或模式是帶有全域性標誌的物件或文字。匹配被替換為 newSubstr 或指定替換函式返回的值。

沒有全域性標誌 g 的 RegExp 會引發 TypeError:replace must be called with a regular expressionsubstr 是應替換為 newSubstr 的字串。

它被視為文字字串,而不被解釋為正規表示式。

newSubstrreplace 是用指定的 regexpsubstr 引數替換指定子字串的字串。允許使用幾種特殊的替換模式。

呼叫 replacerFunctionreplacement 函式來建立新的子字串,用於將匹配項替換為指定的正規表示式或子字串。

一個新字串作為輸出返回,模式的所有匹配都被替換。

關於 replace 功能的更多資訊可以在這個文件中找到。

const p = 'Hello World! Welcome to my blog post.';

console.log(p.replace(' ', '-'));

const regex = /\s/ig;
console.log(p.replace(regex, '-'));

在上面的示例中,我們將空格替換為字串,並將 - 作為新字串應用於宣告。如果要替換複雜的字串,可以使用正規表示式。

它會自動找到合適的模式並用 replace 函式或替換字串替換它。

輸出:

"Hello-World! Welcome to my blog post."
"Hello-World!-Welcome-to-my-blog-post."

replacereplaceAll 之間的唯一區別是,如果搜尋引數是一個字串,replaceAll() 將所有出現的搜尋替換為替換值或函式。

相反,replace() 僅替換第一次出現。

Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

相關文章 - JavaScript String