JS实现的驼峰式和连字符式转换功能分析


Posted in Javascript onDecember 21, 2016

本文实例讲述了JS实现的驼峰式和连字符式转换功能。分享给大家供大家参考,具体如下:

在网上找的这段,比较喜欢

1.驼峰转连字符:

var s = "fooStyleCss";
s = s.replace(/([A-Z])/g,"-$1").toLowerCase();
//利用正则进行替换,简洁明了,很棒

2.转驼峰

var s1 = "foo-style-css";
s1 = s1.replace(//-(/w)/g, function(all, letter){
 return letter.toUpperCase();
});

这段2看的不是很明白

于是自己写一个,^_^,这个很容易懂吧,就是代码多了点;

var s = "style-sheet-base";
var a = s.split("-");
var o = a[0];
for(var i=1;i<a.length;i++){
  o = o + a[i].slice(0,1).toUpperCase() + a[i].slice(1);
}

再写一个,这次用正则:

var s1 = "style-sheet-base";
s1 = s1.replace(//-(/w)/g, function(x){return x.slice(1).toUpperCase();});

哈哈,有意思吧

Javascript 相关文章推荐
JavaScript 自动分号插入(JavaScript synat:auto semicolon insertion)
Nov 04 Javascript
eval与window.eval的差别分析
Mar 17 Javascript
用js实现小球的自由移动代码
Apr 22 Javascript
Jquery中给animation加更多的运作效果实例
Sep 05 Javascript
javascript元素动态创建实现方法
May 13 Javascript
JavaScript中利用jQuery绑定事件的几种方式小结
Mar 06 Javascript
javascript正则表达式模糊匹配IP地址功能示例
Jan 06 Javascript
js oncontextmenu事件使用详解
Mar 25 Javascript
Require.js的基本用法详解
Jul 03 Javascript
vue2.0 父组件给子组件传递数据的方法
Jan 15 Javascript
浅谈Express.js解析Post数据类型的正确姿势
May 30 Javascript
JavaScript 正则应用详解【模式、欲查、反向引用等】
May 13 Javascript
JS实现的RGB网页颜色在线取色器完整实例
Dec 21 #Javascript
js querySelector() 使用方法
Dec 21 #Javascript
简单实现Vue的observer和watcher
Dec 21 #Javascript
使用BootStrap建立响应式网页——通栏轮播图(carousel)
Dec 21 #Javascript
js实现开启密码大写提示
Dec 21 #Javascript
js实现的在线调色板功能完整实例
Dec 21 #Javascript
Bootstrap 模态框(Modal)插件代码解析
Dec 21 #Javascript
You might like
nginx+thinkphp下解决不支持pathinfo模式
2015/07/01 PHP
php实现微信公众号创建自定义菜单功能的实例代码
2019/06/11 PHP
Nigma vs AM BO3 第二场2.13
2021/03/10 DOTA
Javascript中的for in循环和hasOwnProperty结合使用
2013/06/05 Javascript
jQuery遍历Form示例代码
2013/09/03 Javascript
jquery中append()与appendto()用法分析
2014/11/14 Javascript
JavaScript语言对Unicode字符集的支持详解
2014/12/30 Javascript
window.open()实现post传递参数
2015/03/12 Javascript
JavaScript判断字符长度、数字、Email、电话等常用判断函数分享
2015/04/01 Javascript
js弹出对话框方式小结
2015/11/17 Javascript
Web开发必知Javascript技巧大全
2016/02/23 Javascript
JS实现兼容各种浏览器的高级拖动方法完整实例【测试可用】
2016/06/21 Javascript
webpack 模块热替换原理
2018/04/09 Javascript
修改node.js默认的npm安装目录实例
2018/05/15 Javascript
React实现阿里云OSS上传文件的示例
2020/08/10 Javascript
Python最基本的输入输出详解
2015/04/25 Python
python3学习之Splash的安装与实例教程
2018/07/09 Python
python框架中flask知识点总结
2018/08/17 Python
python自动保存百度盘资源到百度盘中的实例代码
2019/08/26 Python
Pandas实现dataframe和np.array的相互转换
2019/11/30 Python
python selenium操作cookie的实现
2020/03/18 Python
深入解读CSS3中transform变换模型的渲染
2016/05/27 HTML / CSS
localStorage的过期时间设置的方法详解
2018/11/26 HTML / CSS
澳大利亚优质葡萄酒专家:Vintage Cellars
2019/01/08 全球购物
Pedro官网:新加坡时尚品牌
2019/08/27 全球购物
护理专业自荐信
2013/12/03 职场文书
2014婚礼司仪主持词
2014/03/14 职场文书
新闻编辑求职信
2014/07/13 职场文书
外贸采购员岗位职责
2015/04/03 职场文书
2015年政风行风工作总结
2015/04/21 职场文书
幼儿园小班工作总结2015
2015/04/25 职场文书
发票退票证明
2015/06/24 职场文书
银行文明优质服务培训心得体会
2016/01/09 职场文书
CSS3实现的3D隧道效果
2021/04/27 HTML / CSS
Spring事务管理下synchronized锁失效问题的解决方法
2022/03/31 Java/Android
《堡垒之夜》联动《刺客信条》 4月7日正式上线
2022/04/06 其他游戏