一文带你彻底搞定JavaScript中字符串转驼峰问题

/**
 * 基础版：短横线分隔转小驼峰
 * @param {string} str - 输入字符串（如"hello-world"）
 * @returns {string} 驼峰字符串（如"helloWorld"）
 */
function kebabToCamel(str) {
  // 1. 用正则匹配所有短横线后的字符（如"-w"中的"w"）
  // 正则解释：/-(\w)/g → 匹配所有"-"和后面的一个单词字符
  // $1 表示正则的第一个捕获组（即短横线后的字符）
  return str.replace(/-(\w)/g, (_, char) => {
    // 2. 将捕获的字符转为大写（如"w"→"W"）
    return char.toUpperCase();
  });
}

​​​​​​​// 测试
console.log(kebabToCamel("hello-world")); // 输出"helloWorld"
console.log(kebabToCamel("hello-test-demo")); // 输出"helloTestDemo"

/**
 * 增强版：支持-、_、空格分隔转小驼峰
 * @param {string} str - 输入字符串（如"hello_world"或"hello world"）
 * @returns {string} 驼峰字符串
 */
function toCamelCase(str) {
  // 1. 用正则匹配所有非单词字符（-、_、空格）后的字符
  // 正则解释：/[\-_ ](\w)/g → 匹配"_", "-", 空格和后面的一个单词字符
  return str.replace(/[\-_ ](\w)/g, (_, char) => {
    // 2. 将捕获的字符转为大写，并去掉分隔符
    return char.toUpperCase();
  });
}

​​​​​​​// 测试
console.log(toCamelCase("hello_world")); // 输出"helloWorld"
console.log(toCamelCase("hello world")); // 输出"helloWorld"
console.log(toCamelCase("hello-test_demo")); // 输出"helloTestDemo"（混合分隔符也支持）

/**
 * 优化版：处理连续分隔符
 * @param {string} str - 输入字符串（如"hello--world"）
 * @returns {string} 驼峰字符串
 */
function optimizedCamelCase(str) {
  // 1. 先去掉所有连续的分隔符（将多个分隔符合并为一个）
  const cleaned = str.replace(/[\-_ ]+/g, '-'); // 统一替换为短横线（方便后续处理）
  // 2. 再执行驼峰转换
  return cleaned.replace(/-(\w)/g, (_, char) => char.toUpperCase());
}

// 测试
console.log(optimizedCamelCase("hello--world")); // 输出"helloWorld"（原为"hello--world"）
console.log(optimizedCamelCase("hello__world")); // 输出"helloWorld"（原为"hello__world"）

/**
 * 大驼峰版：转换为帕斯卡命名法
 * @param {string} str - 输入字符串（如"hello-world"）
 * @returns {string} 大驼峰字符串（如"HelloWorld"）
 */
function toPascalCase(str) {
  // 1. 先转小驼峰（如"helloWorld"）
  const camelCase = toCamelCase(str);
  // 2. 首字母大写（如"h"→"H"）
  return camelCase[0].toUpperCase() + camelCase.slice(1);
}

// 测试
console.log(toPascalCase("hello-world")); // 输出"HelloWorld"
console.log(toPascalCase("user_info")); // 输出"UserInfo"

/**
 * 终极版：完整处理所有边界情况
 * @param {string} str - 输入字符串
 * @param {boolean} isPascal - 是否转大驼峰（默认false）
 * @returns {string} 驼峰字符串
 */
function universalCamelCase(str, isPascal = false) {
  // 1. 处理空字符串
  if (!str) return '';
  
  // 2. 统一小写（避免输入"HELLO-WORLD"转成"HELLOWorld"）
  const lowerStr = str.toLowerCase();
  
  // 3. 清理连续分隔符并统一为短横线
  const cleaned = lowerStr.replace(/[\-_ ]+/g, '-');
  
  // 4. 转小驼峰
  let camelCase = cleaned.replace(/-(\w)/g, (_, char) => char.toUpperCase());
  
  // 5. 处理大驼峰（首字母大写）
  if (isPascal) {
    camelCase = camelCase[0].toUpperCase() + camelCase.slice(1);
  }
  
  // 6. 处理首字符是分隔符的情况（如"-hello-world"→"HelloWorld"）
  if (cleaned.startsWith('-')) {
    camelCase = camelCase[0].toUpperCase() + camelCase.slice(1);
  }
  
  return camelCase;
}

​​​​​​​// 测试所有边界情况
console.log(universalCamelCase("hello-world")); // "helloWorld"（正常情况）
console.log(universalCamelCase("HELLO-WORLD")); // "helloWorld"（输入大写转小写）
console.log(universalCamelCase("--hello--world--")); // "HelloWorld"（首尾分隔符）
console.log(universalCamelCase("user_info", true)); // "UserInfo"（大驼峰）
console.log(universalCamelCase("")); // ""（空字符串）

function dotToCamel(str) {
  return str.replace(/[.\-_ ](\w)/g, (_, char) => char.toUpperCase());
}
console.log(dotToCamel("hello.world")); // 输出"helloWorld"

console.log(universalCamelCase("hello-2world")); // 输出"hello2World"（数字后的"w"转大写）

const separatorRegex = /[\-_ ]+/g;
const camelRegex = /-(\w)/g;

function optimizedCamel(str) {
  const cleaned = str.toLowerCase().replace(separatorRegex, '-');
  return cleaned.replace(camelRegex, (_, char) => char.toUpperCase());
}

function safeCamelCase(input) {
  const str = typeof input === 'string' ? input : String(input);
  // 后续逻辑...
}