例如:border-bottom-color  -> borderBottomColor 

一个前端论坛出现的一题,写出自己理解的一个笨拙的方法

理解词汇

1.charAt  返回指定位置的字符

2.substring 用于提取字符串中介于两个指定下标之间的字符

代码

方法一

  var border="border-bottom-color";

  var oSplit=border.split('-');//转化为数组处理 

  for(var i in oSplit){//遍历每一个数组
    var first = oSplit[i].charAt(0).toUpperCase();将每个数组的首个字母变成大写;

    //或者用正则方法筛选var zz =oSplit[i].match.(/\w/g)[0].toUpperCase()
    if(i>0){//选择要求从第二个开始字母大写
      oSplit[i]=first+oSplit[i].substring(1);//除了第一个字符外的所有字符,拼接字符选择
      console.log(oSplit[i]);
    }
  }
  var str = oSplit.join('');//转化为字符串
  console.log(str);

方法二

  var border="border-bottom-color";

   var m ="border-bottom-color".replace(/\-(\w)/g, function(w){return w.slice(1).toUpperCase()});

  console.log(m);

 

 

posted on 2013-03-25 16:04  apple_半个苹果  阅读(492)  评论(0编辑  收藏  举报