JS實現(xiàn)駝峰字符串轉(zhuǎn)下劃線字符串的三種方法

更新時間：2023年11月16日 09:59:03 作者：一只小可樂吖

這篇文章主要介紹了js下劃線和駝峰互相轉(zhuǎn)換的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下

將駝峰寫法的字符串轉(zhuǎn)為下劃線寫法的字符串

eg：輸入："yiZhiXiaoKeLeYa"

輸出："yi_zhi_xiao_ke_le_ya"

實現(xiàn)思路一：

可以使用正則表達(dá)式來實現(xiàn)駝峰字符串轉(zhuǎn)下劃線字符串：

function toUnderline(str) {
  return str.replace(/([A-Z])/g, '_$1').toLowerCase();
}
 
console.log(toUnderline('yiZhiXiaoKeLeYa')); // 輸出 'yi_zhi_xiao_ke_le_ya'
console.log(toUnderline('myCode')); // 輸出 'my_code'

/([A-Z])/g 是一個正則表達(dá)式，表示匹配所有大寫字母。_$1 中的 $1 表示正則表達(dá)式匹配到的第一個大寫字母，實現(xiàn)了在它前面添加下劃線的效果。最后，使用 toLowerCase() 將所有字母轉(zhuǎn)換成小寫。

實現(xiàn)思路二：

利用 String.prototype.split() 和 Array.prototype.join() 方法：

function toUnderline(str) {
  let result = '';
  for (let i = 0; i < str.length; i++) {
    if (str[i] === str[i].toUpperCase()) {
      result += '_' + str[i].toLowerCase();
    } else {
      result += str[i];
    }
  }
  return result;
}
console.log(toUnderline('yiZhiXiaoKeLeYa')); // 輸出 'yi_zhi_xiao_ke_le_ya'
console.log(toUnderline('myCode')); // 輸出 'my_code'

遍歷字符串中的每個字符，如果字符是大寫字母，則在其前面添加下劃線并轉(zhuǎn)化為小寫字母，否則直接拼接

實現(xiàn)思路三：

利用遞歸和 String.prototype.replace() 方法：

function toUnderline(str) {
  if (str.length <= 1) {
    return str.toLowerCase();
  }
  let firstChar = str[0];
  if (firstChar === firstChar.toUpperCase()) {
    firstChar = '_' + firstChar.toLowerCase();
  }
  return firstChar + toUnderline(str.slice(1));
}
 
console.log(toUnderline('yiZhiXiaoKeLeYa')); // 輸出 'yi_zhi_xiao_ke_le_ya'
console.log(toUnderline('myCode')); // 輸出 'my_code'

將字符串從第二個字符開始傳入遞歸函數(shù)中處理，處理完成后在第一個字符前面根據(jù)大小寫添加下劃線。當(dāng)字符串長度小于等于 1 時，直接轉(zhuǎn)化為小寫字母。

到此這篇關(guān)于JS實現(xiàn)駝峰字符串轉(zhuǎn)下劃線字符串的三種方法的文章就介紹到這了,更多相關(guān)JS駝峰字符串轉(zhuǎn)下劃線字符串內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: