JS驼峰转下划线|极客笔记

JS驼峰转下划线

在JavaScript开发中，经常会遇到需要处理驼峰命名的变量或属性转换为下划线命名的情况。本文将详细讨论如何实现驼峰转下划线的功能。

为什么需要驼峰转下划线

在前端开发中，驼峰命名和下划线命名的变量或属性命名方式都很常见。有时候我们需要将驼峰命名的变量转换为下划线命名，以满足接口要求或者项目规范。因此，实现一个能够方便快捷地将驼峰命名转为下划线命名的工具函数是很有必要的。

实现方法

方法一：使用正则表达式

我们可以通过正则表达式来匹配驼峰命名的字符串，并将其转换为下划线命名。以下是一个简单的实现：

function camelizeToUnderline(str) {
  return str.replace(/([A-Z])/g, "_$1").toLowerCase();
}

const camelCaseStr = "myVariableName";
const underlineStr = camelizeToUnderline(camelCaseStr);
console.log(underlineStr); // 输出 my_variable_name

在这段代码中，camelizeToUnderline 函数使用了正则表达式/([A-Z])/g来匹配大写字毨，然后在匹配到的大写字母前面添加下划线，并将字符串转换为小写。

方法二：使用循环遍历

除了使用正则表达式外，我们还可以使用循环遍历的方式来实现驼峰转下划线的功能。以下是另一种实现方法：

function camelizeToUnderline(str) {
  let result = "";
  for (let i = 0; i < str.length; i++) {
    const char = str.charAt(i);
    if (char === char.toUpperCase()) {
      result += "_" + char.toLowerCase();
    } else {
      result += char;
    }
  }
  return result;
}

const camelCaseStr = "myVariableName";
const underlineStr = camelizeToUnderline(camelCaseStr);
console.log(underlineStr); // 输出 my_variable_name

在这种方法中，我们通过循环遍历字符串的每个字符，判断是否为大写字母，如果是则添加下划线并转换为小写，否则直接添加字符到结果字符串中。