javascript - Array.map() vs for loop when title-casing a string

Question

我正在研究一个 FreeCodeCamp 算法问题，要求我对给定字符串进行标题大小写，例如将每个单词的首字母大写。我设法使用以下代码做到了这一点:

function titleCase(str) {
  var wordArr = str.split(" ");
  for(var i=0; i<wordArr.length; i++){
    wordArr[i] = wordArr[i].charAt(0).toUpperCase() + wordArr[i].slice(1).toLowerCase();
  }
  return wordArr.join(" ");

}

但我开始尝试以如下方式使用 array.map():

function titleCase(str) {
  var wordArr = str.split(" ");
  var newArr = wordArr.map(function(word){
    word = word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
  });
  return newArr;

}

我什至懒得尝试连接(即使用 .join())数组，因为它是一个 null 值数组。为什么 array.map() 在这种情况下不起作用？还是我只是在某个地方犯了一个愚蠢的错误？

Answer 1

Array.prototype.map 接受一个函数，该函数采用原始值并且应该返回一个投影值。
您的函数不返回任何内容，它只是重新分配 word 值，这不会影响任何内容，因为 word 是局部变量。

这是 map 函数的正确用法:

var wordArr = str.split(" ");
var newArr = wordArr.map(function(word){
  return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
});
return newArr;

演示:

function titleCase(str) {
  return str.split(" ").map(function(word){
    return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
  });
}

console.log(titleCase("hello") + " " + titleCase("world") + "!");