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

Question

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

例如，当输入是"I'm a Little Tea pot"时，我希望"I'm A Little Tea Pot"是输出。然而，该函数返回"i'm a小茶壶"。

这是我的代码：

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"));

Answer 1

ECMAScript 6版本：

const toTitleCase = (phrase) => {
  return phrase
    .toLowerCase()
    .split(' ')
    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
    .join(' ');
};

let result = toTitleCase('maRy hAd a lIttLe LaMb');
console.log(result);

Answer 2

你把复杂变成了一件很容易的事情。您可以在CSS中添加以下内容：

.capitalize {
    text-transform: capitalize;
}

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

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

Answer 3

您没有再次将更改分配给阵列，因此您的所有努力都是徒劳的。试试这个：

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"));