javascript - 标题大小写句子

Question

<分区>

Answer 1

我很确定你之前就这个问题得到了建议，但是使用 ES5 方法(你可以自己将其降级为 for 循环)。

function titleCase(str1) {
  return str1.toLowerCase().split(' ').map(function(word) {
    return word.charAt(0).toUpperCase() + word.slice(1);
  }).join(' ');
}
document.body.textContent = titleCase("I'm a little tea potty");

<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.4.1/es5-shim.min.js"></script>

现在，你的代码怎么了？

function capitalize(str) {
  return str.toUpperCase();
}
function titleCase(str1) {
  str1 = str1.toLowerCase();
  var arr = str1.split(' ');
  var l = arr.length;
  var m;

  for (var i = 0; i < l; i++) {
    m = arr[i].length;
    for (var j = 0; j < m; j++) {
      if (j === 0) {
        arr[i][0] = capitalize(arr[i][0]);
      } else {
        arr[i][j] = arr[i][j];
      }
    }
  }
  return arr;
}
document.body.textContent = titleCase("I'm a little tea potty");

让我们一点一点地看:

function capitalize(str) {
  return str.toUpperCase();
}

除了功能化似乎毫无意义之外，以上内容没有任何问题。

所以，现在我们有了您的函数，您接受一个参数(一个字符串)，然后将其全部小写

function titleCase(str1) {
  str1 = str1.toLowerCase();

所以你的字符串 "I'm a little tea potty" 变成了 "i'm a little tea potty"。到目前为止，一切都很好。然后在空格处拆分它。

  var arr = str1.split(' ');
  var l = arr.length;
  var m;

随之而来的是你的字符串，它变成了 var arr = ["i'm","a","little","tea","potty"]; 和 l 变为 5，即这个数组的长度。 接下来你打算遍历数组arr，看起来不错

for (var i = 0; i < l; i++) {

因此对于数组(迭代)中的每个单词(字符串)，您得到字符串的长度，第一个 i'm 是 3。

m = arr[i].length;

然后你打算遍历单词中的每个字符，这很好

for (var j = 0; j < m; j++) {

然后，你说如果它是单词的第一个字符，那么我想要一个大写字母，否则什么都不做。

  if (j === 0) {
    arr[i][0] = capitalize(arr[i][0]);
  } else {
    arr[i][j] = arr[i][j];
  }

但问题来了，您尝试将字符写回不可变的字符串。不会抛出任何错误，只是没有任何变化，就像字符串有一个只读开关，就像在存储卡上一样。所以你的循环不断地继续，什么都不做，直到一切都完成。然后返回数组。

return arr;

令人惊讶的是，这与将句子拆分为单词时一样。 ["我是","a","little","tea","potty"]