在 JavaScript 中用下划线替换空格?
让我们了解"如何在 JavaScript 中用下划线替换空格"。这是一种用于格式化包含多个单词的字符串的有用技术，可用于许多不同情况。
我们将介绍实现相同结果的其他一些方法，以及在 JavaScript 代码中使用下划线时应注意的潜在陷阱。
JavaScript 是一种脚本语言，用于为网站创建吸引人的网页。偶尔确实需要用特定字母替换文本中的某些字符或额外空格。下面列出了可用于用下划线替换空格的预定义 JavaScript 方法。
replace() 方法
replaceAll() 方法
split() 方法
使用 replace() 方法
replace() 方法在字符串中查找值或正则表达式。包含替换值的新字符串是 replace() 方法的结果。原始字符串不会因 replace() 方法而改变。
语法
以下是 replace() 的语法>
replace(pattern, replacement)
示例
在下面的示例中，我们运行脚本以及 replace() 方法，将空格替换为下划线。
<!DOCTYPE html>
<html>
<body>
<script>
function spacereplace() {
var key=$("#sentence").val();
key=key.replace(/ /g,"_");
$("#url_key").val(key);
}
let sentence = "w e l c o m e t o T P";
document.write("The Given Sentence=")
document.write(sentence +"<br>");
document.write("After replacing the spaces=")
document.write(sentence.replace(/ /g,"_"));
</script>
</body>
</html>
脚本运行时，它将生成一个输出，其中包括带有空格的原始句子以及更新后的句子，我们可以看到，由于脚本运行时发生的事件，该句子已被替换为下划线。
示例
考虑以下示例，我们使用 replace() 方法将空格替换为下划线。
<!DOCTYPE HTML>
<html>
<body style = "text-align:center;">
<p id = "tutorial"></p>
<button onclick = "replacespace()">
Click here
</button>
<p id = "tutorial1"></p>
<script>
var re_up = document.getElementById("tutorial");
var re_down = document.getElementById("tutorial1");
var str = "T H E B E S T E W A Y L E A R N I N G";
re_up.innerHTML = str;
function replacespace() {
re_down.innerHTML = str.replace(/ /g, "_");
}
</script>
</body>
</html>
运行上述脚本后，Web 浏览器会在网页上显示该句子以及一个点击按钮。当用户点击按钮时，事件会被触发，它会用下划线替换句子中的所有空格并显示它。
使用 replaceAll() 方法
replaceAll() 方法返回一个新的 string，其中包含所有模式匹配的替换。字符串或 RegExp 可用作模式，并且每次匹配时调用的函数可用作替换。初始 字符串 保持不变。
语法
以下是 replaceAll() 的语法>
replaceAll(pattern, replacement)
示例
在下面的示例中，我们使用 replaceAll() 方法，该方法会被触发并用下划线替换空格。
<!DOCTYPE HTML>
<html>
<body style = "text-align:center;">
<script>
function updateKey()
{
var key=$("#sentence").val();
key=key.replaceAll(/ /g,"_");
$("#url_key").val(key);
}
let sentence = "T UTORIALS POINT C OME WITH LOT";
document.write(sentence.replaceAll(/ /g,"_"));
</script>
</body>
</html>
当脚本执行时，事件被触发并在网页上显示用下划线替换空格的句子。
使用 split() 方法
split() 方法通过搜索模式将字符串分成有序的子字符串列表；然后将这些子字符串放入数组中，然后返回该数组。
语法
以下是 split() 的语法>
split() split(separator) split(separator, limit)
示例
让我们考虑以下示例，其中我们使用 split() 方法。首先，它会用空格分割字符串，然后用下划线替换空格。
<!DOCTYPE HTML>
<html>
<body style = "text-align:center;">
<p id = "tutorial"></p>
<p id = "tutorial1" ></p>
<button onclick = "spacereplace()">
REPLACE
</button>
<script>
var re_up = document.getElementById("tutorial");
var re_down = document.getElementById("tutorial1");
var str = "H E L L O , W E L COME";
re_up.innerHTML = str;
function spacereplace() {
re_down.innerHTML = str.split(' ').join('_');
}
</script>
</body>
</html>
运行上述脚本后，它将生成一个由句子和点击按钮组成的输出。当用户点击按钮时，会触发一个事件，将网页上句子中的所有空格替换为下划线。
