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

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

问题

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

以上就是如何将英文单词首字母大写，并保留标题风格？的详细内容，更多请关注其它相关文章！