如何将英文单词首字母大写,并保留标题风格?

如何将英文单词首字母大写,并保留标题风格?

如何让标题单词首字母大写

问题

中文翻译后的英文单词通常不带大小写,但在标题中,我们需要将这些单词首字母大写,例如 "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其它相关文章!