我试图写一个函数，大写字符串中每个单词的第一个字母(将字符串转换为标题情况)。
例如，当输入是“我是一个小茶壶”时，我期望“我是一个小茶壶”是输出。然而，该函数返回“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”））;
当前回答
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(结果);
其他回答
如果您可以使用第三方库，那么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 " > < /脚本>
如果可行，请使用text-transform: capitalize;CSS属性将文本转换为标题大小写。
如果您可以同样依赖CSS来实现相同的结果，那么与JavaScript选项相比，这种操作成本更低。
《我是一个小茶壶》是以下片段的结果。
<p style="text-transform: capitalize;">I'm a little tea pot</p>
这个例程将处理连字符的单词和带有撇号的单词。
function titleCase(txt) {
var firstLtr = 0;
for (var i = 0;i < text.length;i++) {
if (i == 0 &&/[a-zA-Z]/.test(text.charAt(i)))
firstLtr = 2;
if (firstLtr == 0 &&/[a-zA-Z]/.test(text.charAt(i)))
firstLtr = 2;
if (firstLtr == 1 &&/[^a-zA-Z]/.test(text.charAt(i))){
if (text.charAt(i) == "'") {
if (i + 2 == text.length &&/[a-zA-Z]/.test(text.charAt(i + 1)))
firstLtr = 3;
else if (i + 2 < text.length &&/[^a-zA-Z]/.test(text.charAt(i + 2)))
firstLtr = 3;
}
if (firstLtr == 3)
firstLtr = 1;
else
firstLtr = 0;
}
if (firstLtr == 2) {
firstLtr = 1;
text = text.substr(0, i) + text.charAt(i).toUpperCase() + text.substr(i + 1);
}
else {
text = text.substr(0, i) + text.charAt(i).toLowerCase() + text.substr(i + 1);
}
}
}
titleCase("pAt o'Neil's");
// returns "Pat O'Neil's";
在ECMAScript 6中，使用箭头函数的一行回答:
const captialize = words => words.split(' ').map( w => w.substring(0,1).toUpperCase()+ w.substring(1)).join(' ')
你把复杂变得很简单了。你可以在你的CSS中添加这个:
.capitalize {
text-transform: capitalize;
}
在JavaScript中，可以将类添加到元素中
document.getElementById("element").className = "capitalize";
