为什么我无法更改 forEach() 中的数组元素？

Question

这是我的功能。它应该返回backgroundColor而不是backgroundcolor.

\n

我的问题是什么？

\n

\r\n

\r\n

function camelize(str) {\n  let newStr = str.split(\'-\');\n  newStr.forEach((item, index) => {\n    if (index > 0) {\n      item.toLowerCase();\n      item = item[0].toUpperCase() + item.slice(1);\n    }\n  });\n\n  newStr = newStr.join(\'\');\n  return newStr;\n}\nconsole.log(camelize("background-color")); //\'background\xd1\x81olor\' instead of \'backgroundColor\'

\r\n

\r\n

\r\n

\n

Answer 1

1. 你需要一张地图
2. 您需要退回该物品

我简化了代码

const camelize = str => str
  .toLowerCase()
  .split('-').map((item, index) => index > 0 ? 
      item[0].toUpperCase() + item.slice(1) : item)
  .join('');

console.log(camelize("background-color")); 
console.log(camelize("Background-color")); 
console.log(camelize("BACKGROUND-COLOR")); 

更接近您的旧代码

function camelize(str) {
  const parts = str.toLowerCase().split('-');
  let newStr = parts.map((item, index) => {
    if (index > 0) {
      item = item[0].toUpperCase() + item.slice(1);
    }
    return item
  });

  newStr = newStr.join('');
  return newStr;
}
console.log(camelize("background-color"));