javascript - 如何大写第一个字母并小写字符串的其余部分

Question

我试图将句子中第一个单词的第一个字母大写。
这是 tsx 文件中的数据 { this.text({ id: downloadPriceHistory , defaultMessage: 'Download Price History' }) }
上面显示的 id 来自数据库，它可以以各种形式发送到 api。

我试图在下面使用这个逻辑:

export function titleCase(string) {
    string = 'hello World';
    const sentence = string.toLowerCase().split('');
      for (let i = 0; i < sentence.length; i++) {
          sentence[i] = sentence[i][0].toUpperCase() + sentence[i];
    }
     return sentence;

}

例如，对于输入 "Download Price History" ，结果应该是 "Download price history" .

Answer 1

您只需要将第一个字母大写并将其连接到转换为小写的字符串的其余部分。

function titleCase(string){
  return string[0].toUpperCase() + string.slice(1).toLowerCase();
}
console.log(titleCase('Download Price History'));

这也可以通过 CSS 设置 text-transform 来完成。至 lowercase对于整个元素并使用 ::first-letter设置 text-transform的伪元素至 uppercase .

.capitalize-first {
  text-transform: lowercase;
}
.capitalize-first::first-letter {
  text-transform: uppercase;
}

<p class="capitalize-first">Download Price History</p>