在 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 expression
。substr
是應替換為 newSubstr
的字串。
它被視為文字字串,而不被解釋為正規表示式。
newSubstr
或 replace
是用指定的 regexp
或 substr
引數替換指定子字串的字串。允許使用幾種特殊的替換模式。
呼叫 replacerFunction
或 replacement
函式來建立新的子字串,用於將匹配項替換為指定的正規表示式或子字串。
一個新字串作為輸出返回,模式的所有匹配都被替換。
關於 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 expression
。substr
是應替換為 newSubstr
的字串。
它被視為文字字串,而不被解釋為正規表示式。
newSubstr
或 replace
是用指定的 regexp
或 substr
引數替換指定子字串的字串。允許使用幾種特殊的替換模式。
呼叫 replacerFunction
或 replacement
函式來建立新的子字串,用於將匹配項替換為指定的正規表示式或子字串。
一個新字串作為輸出返回,模式的所有匹配都被替換。
關於 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."
replace
和 replaceAll
之間的唯一區別是,如果搜尋引數是一個字串,replaceAll()
將所有出現的搜尋替換為替換值或函式。
相反,replace()
僅替換第一次出現。
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