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 相关文章推荐
JS 继承实例分析
Nov 04 Javascript
jQuery 动态酷效果实现总结
Dec 27 Javascript
Javascript string 扩展库代码
Apr 09 Javascript
jQuery select操作控制方法小结
May 26 Javascript
jQuery自动切换/点击切换选项卡效果的小例子
Aug 12 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
Jun 16 Javascript
JavaScript实现三阶幻方算法谜题解答
Dec 29 Javascript
js制作网站首页图片轮播特效代码
Aug 30 Javascript
Javascript 数组去重的方法(四种)详解及实例代码
Nov 24 Javascript
使用BootStrap实现悬浮窗口的效果
Dec 13 Javascript
js实现京东轮播图效果
Jun 30 Javascript
vue中的适配px2rem示例代码
Nov 19 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模拟post行为代码总结(POST方式不是绝对安全)
2012/02/22 PHP
php Ubb代码编辑器函数代码
2012/07/05 PHP
PHP 利用AJAX获取网页并输出的实现代码(Zjmainstay)
2012/08/31 PHP
关于更改Zend Studio/Eclipse代码风格主题的介绍
2013/06/23 PHP
PHP之sprintf函数用法详解
2014/11/12 PHP
PHP内置加密函数详解
2016/11/20 PHP
Yii2下session跨域名共存的解决方案
2017/02/04 PHP
php 静态属性和静态方法区别详解
2017/04/09 PHP
PHP使用file_get_contents发送http请求功能简单示例
2018/04/29 PHP
php web环境和命令行环境下查找php.ini的位置
2019/07/17 PHP
基于mootools 1.3框架下的图片滑动效果代码
2011/04/22 Javascript
裁剪字符串trim()自定义改进版
2013/04/10 Javascript
node.js中的console.time方法使用说明
2014/12/09 Javascript
EasyUI实现第二层弹出框的方法
2015/03/01 Javascript
详解js图片轮播效果实现原理
2015/12/17 Javascript
微信小程序 Nginx环境配置详细介绍
2017/02/14 Javascript
详谈js中数组(array)和对象(object)的区别
2017/02/27 Javascript
JS+H5 Canvas实现时钟效果
2018/07/20 Javascript
JavaScript数组特性与实践应用深入详解
2018/12/30 Javascript
vue文件运行的方法教学
2019/02/12 Javascript
小程序数据通信方法大全(推荐)
2019/04/15 Javascript
新手入门js闭包学习过程解析
2019/10/08 Javascript
[01:09]DOTA2次级职业联赛 - 99战队宣传片
2014/12/01 DOTA
python pandas读取csv后,获取列标签的方法
2018/11/12 Python
Python函数式编程实例详解
2020/01/17 Python
python Plotly绘图工具的简单使用
2020/03/03 Python
北美三大旅游网站之一:Travelocity加拿大
2016/08/20 全球购物
eDreams澳大利亚:预订机票、酒店和度假产品
2017/04/19 全球购物
毕业生自荐书
2013/12/18 职场文书
关于建议书的格式范文
2014/05/20 职场文书
社区综治工作汇报
2014/10/27 职场文书
公司股份合作协议书
2014/12/07 职场文书
2015年行政人事部工作总结
2015/05/13 职场文书
员工升职自我评价
2019/03/26 职场文书
小学四年级作文之写景
2019/08/23 职场文书
Python Django搭建文件下载服务器的实现
2021/05/10 Python