javaScript变量命名格式转换函数

772 阅读2分钟

「这是我参与2022首次更文挑战的第15天,活动详情查看:2022首次更文挑战」。

驼峰式命名法

骆驼式命名法(Camel-Case)又称驼峰式命名法,是电脑程式编写时的一套命名规则(惯例)。正如它的名称CamelCase所表示的那样,是指混合使用大小写字母来构成变量和函数的名字。程序员们为了自己的代码能更容易的在同行之间交流,所以多采取统一的可读性比较好的命名方式。骆驼式命名法就是当变量名或函数名是由一个或多个单词连结在一起,而构成的唯一识别字时,骆驼式命名又分为大驼峰和小驼峰。

大驼峰命名法

第一个单词以大写字母开始;从第二个单词开始以后的每个单词的首字母都采用大写字母,例如:MyFirstName、MyLastName,这样的变量名看上去就像骆驼峰一样此起彼伏,而第一个字母为大写字母,故得名大驼峰命名法。

小驼峰命名法

第一个单词以小写字母开始;从第二个单词开始以后的每个单词的首字母都采用大写字母,例如:myFirstName、myLastName,这样的变量名看上去就像骆驼峰一样此起彼伏,而第一个字母为小写字母,故得名小驼峰命名法。

下划线链接命名法

就像名字一样,使用下划线(_)将各个单词连接起来,例如:my-first-name、my-last-name,这样的命名方式我们在开发过程中都有可能会用到。

命名转换

每一个项目通常都会有自己的一套命名规范,而有时候需要修改命名规范的时候我们可能需要修改的地方就太多了,纯手动来处理肯定是行不通的,因此我们可以使用脚本来帮助转换。下面给出转换部分的相关代码:

代码

下划线连接命名转换成小驼峰命名

/**
 * @description 下划线连接命名转换成小驼峰命名
 * @param {String} str 需要转换的字符串
 * @return {String} 小驼峰形式字符串
 **/
export const _toLittleCamel = function(str) {
  let newStr = str.split("_");
  if (newStr.length <= 1) return str;
  let res = newStr[0];
  for (let i = 1; i < newStr.length; i++) {
    res += newStr[i][0].toUpperCase() + newStr[i].substr(1);
  }
  return res;
};

下划线连接命名转换成大驼峰命名

/**
 * @description 下划线连接命名转换成大驼峰命名
 * @param {String} str 需要转换的字符串
 * @return {String} 大驼峰形式字符串
 **/
export const _toBigCamel = function(str) {
  let newStr = str.split("_");
  if (newStr.length <= 1) return str;
  let res = "";
  for (let i = 0; i < newStr.length; i++) {
    res += newStr[i][0].toUpperCase() + newStr[i].substr(1);
  }
  return res;
};

驼峰命名转换成下划线连接命名

/**
 * @description 驼峰命名转换成下划线连接命名
 * @param {String} str 需要转换的字符串
 * @return {String} '-'连接形式字符串
 **/
export const camelTo_ = function(str) {
  let res = "";
  for (let i = 0; i < str.length; i++) {
    if (str[i] >= "A" && str[i] <= "Z") {
      if (i == 0) res += str[i].toLowerCase();
      else {
        res += "_" + str[i].toLowerCase();
      }
    } else {
      res += str[i];
    }
  }
  return res;
};

新年快乐

今天是大年初一,祝大家新年快乐,虎年大吉!新的一年多多指教。