如何将英文单词首字母大写,并保留标题风格?
如何让标题单词首字母大写
问题
中文翻译后的英文单词通常不带大小写,但在标题中,我们需要将这些单词首字母大写,例如 "help and feedback" 需变为 "help and feedback"。
尝试过的解决方法
- 使用 text-transform: capitalize,但不能满足需求,因为 "and" 这样的词在标题中不应该首字母大写。
解决方案
我们可以使用以下 javascript 函数来实现:
function capitalizeFirstLetter(str) { const smallWords = ['of', 'the', 'and', 'an', 'a', 'in']; return str.split(' ').map((word, index) => { if (index === 0 || !smallWords.includes(word.toLowerCase())) { return word.charAt(0).toUpperCase() + word.slice(1); } else { return word; } }).join(' '); }
该函数将字符串拆分成单词,并对每个单词进行判断:
- 如果是句子的第一个单词或不在 smallwords 列表中(不应首字母大写的单词),则将其首字母转为大写。
- 否则,则保持单词不变。
最终,将修改后的单词重新拼接起来,形成新的字符串。
使用此函数,我们可以将 "help and feedback" 转换为 "help and feedback"。
以上就是如何将英文单词首字母大写,并保留标题风格?的详细内容,更多请关注www.sxiaw.com其它相关文章!