在 JavaScript 中用破折号替换空格

Shraddha Paghdar 2023年1月30日 2022年5月10日
  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