首页  >  文章  >  web前端  >  如何在 JavaScript 中将字符串中每个单词的首字母大写?

如何在 JavaScript 中将字符串中每个单词的首字母大写?

Linda Hamilton
Linda Hamilton原创
2024-10-23 12:52:01530浏览

How to Capitalize the First Letter of Each Word in a String in JavaScript?

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

问题:

我正在努力将字符串中每个单词的第一个字母大写一个字符串。具体来说,我的函数将“我是一个小茶壶”转换为“我是一个小茶壶”,而不是所需的输出“我是一个小茶壶”。这是我的 JavaScript 代码:

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

答案:

代码中的错误在于没有将修改后的单词正确分配回数组。要解决此问题,请修改您的代码,如下所示:

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

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

所做的更改:

  • 删除了 if 语句中不必要的长度检查。
  • 分配了将大写单词返回到数组(例如 splitStr[i] = ...),而不是仅仅调用 charAt(0).toUpperCase()。
  • 直接返回 splitStr.join(' ') 而不是先重新分配它到str。

以上是如何在 JavaScript 中将字符串中每个单词的首字母大写?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn