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 相关文章推荐
巧妙破除网页右键禁用的十大绝招
Aug 12 Javascript
用js计算页面执行时间的函数
Dec 07 Javascript
Extjs gridpanel 出现横向滚动条问题的解决方法
Jul 04 Javascript
解决jquery的datepicker的本地化以及Today问题
May 23 Javascript
jQuery之尺寸调整组件的深入解析
Jun 19 Javascript
Jquery中children与find之间的区别详细解析
Nov 29 Javascript
JavaScript中for循环的使用详解
Jun 03 Javascript
详解Js模板引擎(TrimPath)
Nov 22 Javascript
vuex的使用及持久化state的方式详解
Jan 23 Javascript
微信小程序云开发 生成带参小程序码流程
May 18 Javascript
解决echarts中横坐标值显示不全(自动隐藏)问题
Jul 20 Javascript
create-react-app开发常用配置教程
Jun 25 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 读取大文件的X行到Y行内容的实现代码
2013/06/24 PHP
php数组索引与键值操作技巧实例分析
2015/06/24 PHP
PHP编程开发怎么提高编程效率 提高PHP编程技术
2015/11/09 PHP
php的扩展写法总结
2019/05/14 PHP
laravel 获取某个查询的查询SQL语句方法
2019/10/12 PHP
解决laravel5.4下的group by报错的问题
2019/10/16 PHP
javascript获取当前日期时间及其它操作函数
2011/01/11 Javascript
javascript中获取下个月一号,是星期几
2012/06/01 Javascript
Javascript Request获取请求参数如何实现
2012/11/28 Javascript
jquery 选取方法都有哪些
2014/05/18 Javascript
原生js实现addclass,removeclass,toggleclasss实例
2016/11/24 Javascript
jQuery中map函数的两种方式
2017/04/07 jQuery
关于angular js_$watch监控属性和对象详解
2017/04/24 Javascript
js实现图片旋转 js滚动鼠标中间对图片放大缩小
2017/07/05 Javascript
使用原生js封装的ajax实例(兼容jsonp)
2017/10/12 Javascript
关于Vue背景图打包之后访问路径错误问题的解决
2017/11/03 Javascript
js 提取某()特殊字符串长度的实例
2017/12/06 Javascript
不依任何赖第三方,单纯用vue实现Tree 树形控件的案例
2020/09/21 Javascript
Nuxt的路由动画效果案例
2020/11/06 Javascript
python实现计算倒数的方法
2015/07/11 Python
Python中的连接符(+、+=)示例详解
2017/01/13 Python
Python使用SQLite和Excel操作进行数据分析
2018/01/20 Python
python的staticmethod与classmethod实现实例代码
2018/02/11 Python
wxPython实现绘图小例子
2019/11/19 Python
tensorflow对图像进行拼接的例子
2020/02/05 Python
python matplotlib包图像配色方案分享
2020/03/14 Python
解决Python Matplotlib绘图数据点位置错乱问题
2020/05/16 Python
Python使用Opencv实现边缘检测以及轮廓检测的实现
2020/12/31 Python
canvas学习笔记之绘制简单路径
2019/01/28 HTML / CSS
Yves Rocher捷克官方网站:植物化妆品的创造者
2019/07/31 全球购物
如何保障Web服务器安全
2014/05/05 面试题
自我推荐书
2013/12/04 职场文书
干部选拔任用方案
2014/05/26 职场文书
远程培训的心得体会
2014/09/01 职场文书
春节慰问信范文
2015/02/15 职场文书
Django中celery的使用项目实例
2022/07/07 Python