我无法重新分配 javascript 字符串变量

如何解决我无法重新分配 javascript 字符串变量

我有一个练习来编写一个函数，将一个字符串作为参数并返回一个字符串，每个单词的首字母大写。但它不起作用:(我不知道为什么。

 function titleCase(str) {
  var arr = str.split(" ")
      arr.forEach(e => 
      {
        let a = (e.charAt(0).toUpperCase() + e.slice(1))
        e = a
        console.log(e)
      })
      console.log(arr)
      return arr.join(" ")
}

console.log(titleCase("I'm a little tea pot"));

解决方法

您可以使用 map 而不是 foreach 并返回 map 中的值。

分割后也可以直接运行map，不必使用yarn install

e = a

或者缩短版

function titleCase(str) {
  var arr = str.split(" ").map(e => {
    e = (e.charAt(0).toUpperCase() + e.slice(1))
    return e;
  })
  return arr.join(" ")
}

console.log(titleCase("I'm a little tea pot"));

,

forEach 不会改变数组。你需要map。

function titleCase(str) {
  var arr = str.split(" ").map(e => 
      {
        let a = (e.charAt(0).toUpperCase() + e.slice(1))
        e = a
        console.log(e)
        return e
      })
      console.log(arr)
      return arr.join(" ")
}

console.log(titleCase("I'm a little tea pot"));

,

toUppoerCase 不会就地更新。这意味着它不会更新源字符串。你可以使用地图做这样的事情，

 function titleCase(str) {
  var arr = str.split(" ")
      let res = arr.map(e => 
      {
        let a = (e.charAt(0).toUpperCase() + e.slice(1))
        e = a
        console.log(e)
        return e;
      })
      console.log(res)
      return res.join(" ")
}

console.log(titleCase("I'm a little tea pot"));

,

点击相同功能的浏览器控制台。

    function titleCase(str) {
   var newStr = str.toLowerCase().split(' ');
   for (let i = 0; i < newStr.length; i++) {
       newStr[i] = newStr[i].charAt(0).toUpperCase() + newStr[i].substring(1);     
   }
   return newStr.join(' '); 
}
console.log(titleCase("I'm a little tea pot"));

输出：我是小茶壶

快乐编码！

,

我们必须使用 map() 而不是 forEach()。

首先使用 split() 将句子转换为单词数组。

使用 map() 将单词的第一个字符和单词的其余字符大写为小写。

最后使用 join() 将单词数组转换为字符串。

function titleCase(str) {
  const words = str
    .split(" ")
    .map((word) => word[0].toUpperCase() + word.slice(1).toLowerCase());
  return words.join(" ");
}

console.log(titleCase("I'm a little tea pot"));