在 JavaScript 中用下划线替换空格
Muhammad Muzammil Hussain
2023年1月30日
在 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"
- 我们在上面的 JavaScript 源码中初始化了一个包含多个空格的字符串。
- 我们对该字符串使用了
replace()
方法,带有两个参数replace(" ","_")
。 - 它将找出字符串中的第一个
" "
(空格)并将其替换为"_"
(下划线)。 - 我们提供了 regex(正则表达式)来替换第一个参数中的所有空格。
- 最后,我们显示更新后的字符串以查看结果并区分工作方法。
- 你可以在控制台日志框中看到输出。
在 JavaScript 中使用 split
和 join
方法将空格替换为下划线
在 JavaScript 中,split()
是一个预定义的方法。它将声明的字符串拆分为子字符串数组。
split()
方法不会更改原始字符串;它返回一个新的字符串字符数组。
join()
方法从数组中返回一个字符串;它不会改变原始数组。
我们可以在字符串上使用带有 join()
的 split()
方法来用另一个字符串替换已定义的部分。我们将初始化包含空格的字符串并测试 split
和 join
方法以用下划线替换空格。
<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"
- 我们在上面的 JavaScript 源码中初始化了一个包含多个空格的字符串。
- 我们对该字符串使用
split()
方法将字符串拆分为子字符串数组。 - 我们使用
join()
方法从已经使用split()
方法生成的数组生成字符串。 - 我们提供字符串
"_"
作为join
方法的参数来替换所有空格。 - 最后,我们显示更新后的字符串以查看结果并区分工作方法。
- 查看控制台日志框中的输出。