我试图写一个函数，大写字符串中每个单词的第一个字母(将字符串转换为标题情况)。
例如，当输入是“我是一个小茶壶”时，我期望“我是一个小茶壶”是输出。然而，该函数返回“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”））;
当前回答
这里有一个简单的一行代码
const ucFirst = t => t.replace(/(^|\s)[A-Za-zÀ-ÖØ-öø-ÿ]/g, c => c.toUpperCase());
注意，它只改变每个单词的首字母大小写，你可能想这样使用它:
console.log(ucFirst('foO bAr'));
// FoO BAr
console.log(ucFirst('foO bAr'.toLowerCase()));
// Foo Bar
// works with accents too
console.log(ucFirst('éfoO bAr'));
// ÉfoO BAr
或者基于String。这里的原型是一个处理几种模式:
String.prototype.ucFirst = function (mode = 'eachWord') {
const modes = {
eachWord: /(^|\s)[A-Za-zÀ-ÖØ-öø-ÿ]/g,
firstWord: /(^|\s)[A-Za-zÀ-ÖØ-öø-ÿ]/,
firstChar: /^[A-Za-zÀ-ÖØ-öø-ÿ]/,
firstLetter: /[A-Za-zÀ-ÖØ-öø-ÿ]/,
};
if (mode in modes) {
return this.replace(modes[mode], c => c.toUpperCase());
} else {
throw `error: ucFirst invalid mode (${mode}). Parameter should be one of: ` + Object.keys(modes).join('|');
}
};
console.log('eachWord', 'foO bAr'.ucFirst());
// FoO BAr
console.log('eachWord', 'foO bAr'.toLowerCase().ucFirst());
// Foo Bar
console.log('firstWord', '1foO bAr'.ucFirst('firstWord'));
// 1foO BAr
console.log('firstChar', '1foO bAr'.ucFirst('firstChar'));
// 1foO bAr
console.log('firstLetter', '1foO bAr'.ucFirst('firstLetter'));
// 1FoO bAr
编辑:
或者基于String。处理多种模式和可选的第二个参数来指定单词分隔符(String或RegExp)的原型:
String.prototype.ucFirst = function (mode = 'eachWord', wordSeparator = /\s/) {
const letters = /[A-Za-zÀ-ÖØ-öø-ÿ]/;
const ws =
'^|' +
(wordSeparator instanceof RegExp
? '(' + wordSeparator.source + ')'
: // sanitize string for RegExp https://stackoverflow.com/questions/3446170/escape-string-for-use-in-javascript-regex#comment52837041_6969486
'[' + wordSeparator.replace(/[[{}()*+?^$|\]\.\\]/g, '\\$&') + ']');
const r =
mode === 'firstLetter'
? letters
: mode === 'firstChar'
? new RegExp('^' + letters.source)
: mode === 'firstWord' || mode === 'eachWord'
? new RegExp(
'(' + ws + ')' + letters.source,
mode === 'eachWord' ? 'g' : undefined
)
: undefined;
if (r) {
return this.replace(r, (c) => c.toUpperCase());
} else {
throw `error: ucFirst invalid mode (${mode}). Parameter should be one of: firstLetter|firstChar|firstWord|eachWord`;
}
};
console.log("mike o'hara".ucFirst('eachWord', " \t\r\n\f\v'"));
// Mike O'Hara
console.log("mike o'hara".ucFirst('eachWord', /[\s']/));
// Mike O'Hara
其他回答
ECMAScript 6版本:
title
.split(/ /g).map(word =>
`${word.substring(0,1).toUpperCase()}${word.substring(1)}`)
.join(" ");
你把复杂变得很简单了。你可以在你的CSS中添加这个:
.capitalize {
text-transform: capitalize;
}
在JavaScript中，可以将类添加到元素中
document.getElementById("element").className = "capitalize";
我使用了一个正则表达式replace():
function titleCase(str) {
var newStr = str.toLowerCase().replace(/./, (x) => x.toUpperCase()).replace(/[^']\b\w/g, (y) => y.toUpperCase());
console.log(newStr);
}
titleCase("I'm a little tea pot")
你可以基于这个inputString[0].toUpperCase() + inputString.slice(1).toLowerCase():)
使用正则表达式，处理特殊字符，如ñ，中间有多个空格:/(^.|\s+.)/g
Let text = "ñora ñora" console.log (text.toLowerCase () .replace (/ (^ | \ s +。)/ g m = > m.toUpperCase ()))
