为何报错‘str不是可迭代对象’？JS下划线转驼峰代码问题

数据老陈

2026-8-12

问题根源与修复方案

错误原因

你遇到的“str不是可迭代对象”错误，是因为loopStrArrAndCamelify函数调用editStrIfFalse时少传了第二个参数：

// 原代码：只传了一个参数，editStrIfFalse的第二个参数str会变成undefined
returnStr += editStrIfFalse(checkStrPosZero(splitStr(str), char));

当editStrIfFalse里的str是undefined时，执行for (const char of str)自然会报错——undefined不是可迭代对象。

修复与优化后的代码

先修正参数问题，再优化冗余逻辑（比如重复调用splitStr），最终代码如下：

// 拆分下划线字符串为数组
function splitStr(str) {
  return str.split('_');
}

// 判断元素是否为数组首个元素
function isFirstElement(arr, element) {
  return arr.indexOf(element) === 0;
}

// 将字符串首字母大写
function capitalizeFirstLetter(str) {
  return str[0].toUpperCase() + str.slice(1);
}

// 主转换函数
function camelify(str) {
  const parts = splitStr(str); // 缓存拆分结果，避免重复计算
  let result = '';
  for (const part of parts) {
    result += isFirstElement(parts, part) ? part : capitalizeFirstLetter(part);
  }
  return result;
}

console.log(camelify('hello_world')); // 输出 helloWorld

进一步简化（推荐）

如果不需要拆分多个函数，用数组map方法可以实现更简洁的转换：

function camelify(str) {
  return str.split('_').map((part, index) => {
    return index === 0 ? part : part[0].toUpperCase() + part.slice(1);
  }).join('');
}

console.log(camelify('hello_world')); // helloWorld