我试图写一个函数，大写字符串中每个单词的第一个字母(将字符串转换为标题情况)。
例如，当输入是“我是一个小茶壶”时，我期望“我是一个小茶壶”是输出。然而，该函数返回“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”））;
当前回答
Let cap = (str) => { Let arr = str.split(' '); 加勒比海盗。forEach(函数(项，索引){ Arr [index] = item。替换(项目[0],[0].toUpperCase ()); })； 加勒比海盗。加入(' '); }; console.log(cap(“我是一个小茶壶”));
快速可读版本参见基准http://jsben.ch/k3JVz
其他回答
最短的一行(也非常快):
text.replace(/(^\w|\s\w)/g, m => m.toUpperCase());
解释:
^\w:字符串的第一个字符 |:或 \s\w:空格后的第一个字符 (^\w|\s\w)捕捉模式。 g标志:匹配所有出现的情况。
如果你想确保剩下的是小写的:
text.replace(/(^\w|\s\w)(\S*)/g, (_,m1,m2) => m1.toUpperCase()+m2.toLowerCase())
使用示例:
几点toTitleCase = str = > str。replace (/ s (^ w | \ \ w) (s *) / g, (m1, m2) = >的m1 toUpperCase () + m2。toLowerCase () 控制台日志。(toTitleCase(“你好世界”);
这是一个简单的转换方法，可以传递一个值来获得所需的输出。
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
如果您可以使用第三方库，那么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 " > < /脚本>
let string = "I'm a little tea pot";
现在，创建一个以字符串作为参数的函数。
function titleCase(str) {
return str.split(" ").map(s => s.charAt(0).toUpperCase() + s.substr(1).toLowerCase()).join(" ")
}
输出
titleCase(string); // "I'm A Little Tea Pot"
你把复杂变得很简单了。你可以在你的CSS中添加这个:
.capitalize {
text-transform: capitalize;
}
在JavaScript中，可以将类添加到元素中
document.getElementById("element").className = "capitalize";
