为什么我必须将我的字符串推入数组中才能再次将其重新加入？

Question

因此，我想将字符串中每个单词的起始字母大写。 这是我的操作方式：

function LetterCapitalize(str) { 
var arr = str.split(" ");
var newArr = [];
  for(i = 0; i < arr.length; i++) {
    var newStr = arr[i].toString();
    newArr.push(newStr.substring(0,1).toUpperCase() + newStr.substring(1,newStr.length));
  }
  return newArr.join(" ");

}

此代码是正确的，并且字符串中每个单词的第一个字母都大写。 但是，当我尝试像这样缩短代码时，它仅返回字符串的最后一个单词，首字母大写，但没有其他内容：

function LetterCapitalize(str) { 
var arr = str.split(" ");
var newArr = [];
  for(i = 0; i < arr.length; i++) {
    var newStr = arr[i].toString();
  }
  return newStr.substring(0,1).toUpperCase() + newStr.substring(1,newStr.length);

}

基本上，我所做的是删除将新字符串推入新数组的部分，只是将其重新组合为字符串。

Answer 1

问题出在for循环零件代码中。 在这里，每次迭代时newstr获得arr[i].toString();的值arr[i].toString(); 和旧值，即arr[i-1].toString(); 这在newStr被覆盖。 因此，只有最后一次迭代值存储在newStr

for(i = 0; i < arr.length; i++) {
 var newStr = arr[i].toString();
}

尝试这个：

 function LetterCapitalize(str) { var arr = str.split(" "); var newStr = ""; for(i = 0; i < arr.length; i++) { var temp = arr[i].toString(); newStr = newStr + temp.substring(0,1).toUpperCase() + temp.substring(1,temp.length)+" "; } return newStr; } alert(LetterCapitalize("hello i am rohit ")); 

Answer 2

也许您对MAP功能的返回感到困惑：

 function LetterCapitalize(str) { var arr = str.split(" "), newArr = arr.map( function(word) { return word.substring(0,1).toUpperCase() + word.substring(1); }); return newArr.join(" "); } alert(LetterCapitalize("This is a test")) 

Answer 3

您可以通过替换功能来实现此目的而无需拆分。

function LetterCapitalize(str) { 
  return str.replace(/(^| )([a-z])/g, function(x,y,z) {
    return y+z.toUpperCase()
  }
    )
}
console.log(LetterCapitalize('foo bar buz'))