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 相关文章推荐
Jquery调用webService远程访问出错的解决方法
May 21 Javascript
jQuery之过滤元素操作小结
Nov 30 Javascript
JS中自定义定时器让它在某一时刻执行
Sep 02 Javascript
jQuery中index()的用法分析
Sep 05 Javascript
JavaScript控制两个列表框listbox左右交换数据的方法
Mar 18 Javascript
JS实现简单的二维矩阵乘积运算
Jan 26 Javascript
JavaScript随机生成颜色的方法
Oct 15 Javascript
利用imgareaselect辅助后台实现图片上传裁剪
Mar 02 Javascript
Jquery获取radio选中的值
May 05 jQuery
JavaScript闭包和回调详解
Aug 09 Javascript
使用layui的router来进行传参的实现方法
Sep 06 Javascript
详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结
May 28 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
PHP中file_get_contents函数抓取https地址出错的解决方法(两种方法)
2015/09/22 PHP
Laravel路由设定和子路由设定实例分析
2016/03/30 PHP
PHP入门教程之表单与验证实例详解
2016/09/11 PHP
php 人员权限管理(RBAC)实例(推荐)
2017/05/24 PHP
PHP基于关联数组20行代码搞定约瑟夫问题示例
2017/11/07 PHP
select标记美化--JS式插件、后期加载
2013/04/01 Javascript
浅析offsetLeft,Left,clientLeft之间的区别
2013/11/30 Javascript
jQuery表格插件datatables用法总结
2014/09/05 Javascript
javascript获取元素离文档各边距离的方法
2015/02/13 Javascript
JavaScript基本数据类型及值类型和引用类型
2015/08/25 Javascript
前端面试题及答案整理(二)
2016/08/26 Javascript
nodejs动态创建二维码的方法
2017/08/12 NodeJs
vue-cli与webpack处理静态资源的方法及webpack打包的坑
2018/05/15 Javascript
koa2使用ejs和nunjucks作为模板引擎的使用
2018/11/27 Javascript
Vue的transition-group与Virtual Dom Diff算法的使用
2019/12/09 Javascript
Vue中keep-alive 实现后退不刷新并保持滚动位置
2020/03/17 Javascript
[02:36]DOTA2上海特锦赛 回忆电竞生涯的重要瞬间
2016/03/25 DOTA
[01:23]2019完美世界全国高校联赛(春季赛)合肥全国总决赛
2019/06/10 DOTA
Python中join和split用法实例
2015/04/14 Python
Python并发编程协程(Coroutine)之Gevent详解
2017/12/27 Python
pandas pivot_table() 按日期分多列数据的方法
2018/11/16 Python
python 如何实现遗传算法
2020/09/22 Python
CSS3教程(6):创建网站多列
2009/04/02 HTML / CSS
SQL面试题
2013/04/30 面试题
小学教师岗位职责
2013/11/25 职场文书
出国导师推荐信
2014/01/16 职场文书
药品促销活动方案
2014/02/14 职场文书
放飞中国梦演讲稿
2014/04/23 职场文书
模具设计与制造专业自荐书
2014/07/01 职场文书
中职生求职信
2014/07/01 职场文书
招标保密承诺书
2015/01/20 职场文书
2015年学校安全管理工作总结
2015/05/11 职场文书
中学教师读书笔记
2015/07/01 职场文书
2016年公司新年寄语
2015/08/17 职场文书
大学学生会主席竞选稿怎么写?
2019/08/19 职场文书
Python+uiautomator2实现自动刷抖音视频功能
2021/04/29 Python