我试图写一个函数，大写字符串中每个单词的第一个字母(将字符串转换为标题情况)。
例如，当输入是“我是一个小茶壶”时，我期望“我是一个小茶壶”是输出。然而，该函数返回“i'm a little tea pot”。
这是我的代码:
函数标题案例（str） { var splitStr = str.toLowerCase（）.split（“ ”）; for （var i = 0; i < splitStr.length; i++） { if （splitStr.length[i] < splitStr.length） { splitStr[i].charAt（0）.toUpperCase（）; } str = splitStr.join（“ ”）; } 返回 str; } console.log（titleCase（“I'm a Little Teapot”））;
当前回答
如果可行，请使用text-transform: capitalize;CSS属性将文本转换为标题大小写。
如果您可以同样依赖CSS来实现相同的结果，那么与JavaScript选项相比，这种操作成本更低。
《我是一个小茶壶》是以下片段的结果。
<p style="text-transform: capitalize;">I'm a little tea pot</p>
其他回答
有很多方法可以实现这一点，例如，你可以尝试遍历字符串，或使用JavaScript内置的split()， map()和join()
我更喜欢使用正则表达式与替换方法，这是可用的字符串
capitalize = (str) => {
return str.replace(/\b[a-z]/g, (letter) => letter.toUpperCase(););
}
使用\b边界匹治程序和[a-z]字符类标识，并使用回调函数将其替换为字母的大写版本。 更高效的 因为它只在字符串中的字符上迭代一次，并且它使用正则表达式来标识要大写的字母，这通常比使用循环和字符串操作实现相同的逻辑更快。
如果可行，请使用text-transform: capitalize;CSS属性将文本转换为标题大小写。
如果您可以同样依赖CSS来实现相同的结果，那么与JavaScript选项相比，这种操作成本更低。
《我是一个小茶壶》是以下片段的结果。
<p style="text-transform: capitalize;">I'm a little tea pot</p>
这里有一个完整而简单的解决方案:
String.prototype.replaceAt=function(index, replacement) {
return this.substr(0, index) + replacement+ this.substr(index
+ replacement.length);
}
var str = 'k j g u i l p';
function capitalizeAndRemoveMoreThanOneSpaceInAString() {
for(let i = 0; i < str.length-1; i++) {
if(str[i] === ' ' && str[i+1] !== '')
str = str.replaceAt(i+1, str[i+1].toUpperCase());
}
return str.replaceAt(0, str[0].toUpperCase()).replace(/\s+/g, ' ');
}
console.log(capitalizeAndRemoveMoreThanOneSpaceInAString(str));
如果您可以使用第三方库，那么Lodash为您提供了一个帮助函数。
https://lodash.com/docs/4.17.3#startCase
_。startCase (foo栏); // => 'Foo Bar' _.startCase(“——foo bar”); // => 'Foo Bar' _.startCase(“fooBar”); // => 'Foo Bar' _.startCase(“__FOO_BAR__”); // => ' foo bar ' < script src = " https://cdn.jsdelivr.net/lodash/4.17.3/lodash.min.js " > < /脚本>
我已经使用下面的代码做到了这一点，希望它能帮助你:
<p id="p1">This is a paragraph.</p>
<script>
const capitalize = (mySentence) => {
const words = mySentence.split(" ");
for (let i = 0; i < words.length; i++) {
words[i] = words[i][0].toUpperCase() + words[i].substr(1);
}
return words.join(" ");
};
const result = capitalize('This is a sample text');
document.getElementById("p1").innerHTML = result;
</script>
