如何使用JavaScript将字符串中每个单词的第一个字母大写？

javascript string title-case

2022-08-30 01:25:37

我正在尝试编写一个函数，该函数将字符串中每个单词的第一个字母大写（将字符串转换为标题大小写）。

例如，当输入为时，我希望是输出。但是，该函数返回。"I'm a little tea pot""I'm A Little Tea Pot""i'm a little tea pot"

这是我的代码：

function titleCase(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(" ");
  }

  return str;
}

console.log(titleCase("I'm a little tea pot"));

答案 1

您不会再次将更改分配给数组，因此您的所有努力都是徒劳的。试试这个：

function titleCase(str) {
   var splitStr = str.toLowerCase().split(' ');
   for (var i = 0; i < splitStr.length; i++) {
       // You do not need to check if i is larger than splitStr length, as your for does that for you
       // Assign it back to the array
       splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);     
   }
   // Directly return the joined string
   return splitStr.join(' '); 
}

document.write(titleCase("I'm a little tea pot"));

答案 2

你正在使复杂成为一件非常容易的事情。你可以在 CSS 中添加这个：

.capitalize {
    text-transform: capitalize;
}

在 JavaScript 中，您可以将类添加到元素中

 document.getElementById("element").className = "capitalize";