我试图写一个函数，大写字符串中每个单词的第一个字母(将字符串转换为标题情况)。
例如，当输入是“我是一个小茶壶”时，我期望“我是一个小茶壶”是输出。然而，该函数返回“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”））;
当前回答
我已经使用下面的代码做到了这一点，希望它能帮助你:
<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>
其他回答
如果您可以使用第三方库，那么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 " > < /脚本>
ECMAScript 6版本:
const toTitleCase =(短语)=> { 返回的短语 .toLowerCase () .split (' ') .map(word => word. charat (0).toUpperCase() + word.slice(1)) . join (' '); }; let result = toTitleCase('maRy have a lIttLe LaMb'); console.log(结果);
这是一个简单的转换方法，可以传递一个值来获得所需的输出。
String.prototype.toChangeCase = function (type) {
switch (type) {
case 'upper-first':
return this.charAt(0).toUpperCase() + this.substr(1).toLowerCase();
case 'upper-each':
return this.split(' ').map(word => {
return word.charAt(0).toUpperCase() + word.substr(1).toLowerCase();
}).join(' ');
default:
throw Error(`In order to get the output pass a value 'upper-first', 'upper-each'`);
}
}
输出
"capitalize first Letter of Each word in a Sstring".toChangeCase('upper-first')
"Capitalize first letter of each word in a sstring"
"capitalize first Letter of Each word in a Sstring".toChangeCase('upper-each')
"Capitalize First Letter Of Each Word In A Sstring"
"Capitalize First Letter Of Each Word In A String".toChangeCase()
VM380:12 Uncaught Error: In order to get the output pass a value 'upper-first', 'upper-each'
at String.toChangeCase (<anonymous>:12:19)
at <anonymous>:16:52
text-transform: capitalize;
CSS已经得到了它:)
这里我使用了replace()函数。
function titleCase(str){
return str.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
}
