DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS實現字符串轉駝峰格式的方法
JS實現字符串轉駝峰格式的方法
編輯:關於JavaScript     

本文實例講述了JS實現字符串轉駝峰格式的方法。分享給大家供大家參考,具體如下:

實現效果如:border-bottom-color =>borderBottomColor

傳傳統方法

分析:

1.轉大寫,需要用到字符串的toUpperCase()方法

2.去掉-,需要用到字符串方法split(),這樣就轉成數組了,但數組中的每一個元素依然是字符串,所以可以用循環的方法取到第一個後面的元素

3.取第一個後面的元素的第一個字符,需要用到字符串的charAt()方法

4.第一個字符後面的字符,可以通過字符串截取方法substring()獲得,這時把兩個拼接再賦回給原數組。即完成了轉換

5.用join()方法把數組的逗號去掉,拼接成字符串

var str="border-bottom-color";
function tf(){
  var arr=str.split("-");
  for(var i=1;i<arr.length;i++){
    arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substring(1);
  }
  return arr.join("");
};
tf(str);

正則的方法

分析:

1.正則為-字符,即var re=/-\w/g;匹配到-字符

2.用正則的replace()方法替換這個規范為去掉-以及字符大寫,通過回調函數第一個參數直接轉大寫

var str="border-bottom-color";
function tf(){
  var re=/-(\w)/g;
  str=str.replace(re,function($0,$1){
    return $1.toUpperCase();
  });
  alert(str)
};
tf(str);

更多關於JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript數組操作技巧總結》、《JavaScript排序算法總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript數學運算用法總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript查找算法技巧總結》及《JavaScript錯誤與調試技巧總結》

希望本文所述對大家JavaScript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved