JavaScript 大写字母并取代空格为下划线
我们将尝试开发一种方法,将带有空格和小写字母的文本转换为带有下划线的文本,其中每个单词的初始字母都大写。让我们全面地检查这个等式。
tutorials point = Tutorials_Point //expected output
让我们深入文章,以更好地理解JavaScript中的单词大写和用下划线替换空格。
使用replace()方法
replace()方法在字符串中查找一个值或正则表达式。用替换的新字符串作为replace()方法的结果。原始字符串不受replace()技术的影响。
语法
以下是replace()方法的语法。
string.replace(searchValue, newValue)
为了更好地理解如何将单词的首字母大写并使用下划线替代空格的 JavaScript 方法,让我们看看以下示例。
示例
在下面的示例中,我们通过传递一个正则表达式来运行脚本,以实现将单词的首字母大写并用下划线替代空格的操作。
<!DOCTYPE html>
<html>
<body>
<script>
document.write('welcome to the tutorials point'.toUpperCase().replace(/ /g, '_')
.replace(/(?: |\b)(\w)/g, function(key, p1) {
return key.toUpperCase();
}));
</script>
</body>
</html>
当脚本被执行时,它会生成一个由文本组成的输出,在这个输出中,空格被下划线替代,单词首字母大写,并显示在网页上。
示例
运行下面的代码,查看 replace() 如何将单词首字母大写并将空格替换为下划线。
<!DOCTYPE html>
<html>
<body>
<script>
var sentence = "My favorite subject is javascript. I live in us.";
var result = sentence.trim().replace(/ /g, '_').toLocaleUpperCase();
document.write(result);
</script>
</body>
</html>
当您运行上述脚本时,将显示一个输出窗口,其中文本中的空格被替换为下划线,并将单词首字母大写。
使用split()方法
split() 方法通过查找模式将字符串分割成一个有序的子字符串列表,然后将这些子字符串放入一个数组中,并返回该数组。
语法
以下是 split() 的语法。
string.split(separator, limit)
示例
考虑以下示例,我们在这里运行脚本,将空格替换为下划线,并将单词首字母大写。
<!DOCTYPE html>
<html>
<body>
<script>
function change(str) {
var i, frags = str.split(' ');
for (i = 0; i < frags.length; i++) {
frags[i] = frags[i].charAt(0).toUpperCase() + frags[i].slice(1);
}
return frags.join('_');
}
document.write(change('the best e-way learning'));
</script>
</body>
</html>
运行上述脚本后,输出窗口将弹出,显示被下划线代替并大写化的文本。