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使用动态渲染表单功能完成ajax文件下载
Jan 15 Javascript
js特殊字符过滤的示例代码
Mar 05 Javascript
检测一个函数是否是JavaScript原生函数的小技巧
Mar 13 Javascript
JavaScript实现自动对页面上敏感词进行屏蔽的方法
Jul 27 Javascript
常见JS验证脚本汇总
Dec 01 Javascript
jQuery实现的鼠标滑过弹出放大图片特效
Jan 08 Javascript
浅谈jQuery中事情的动态绑定
Feb 12 Javascript
react.js使用webpack搭配环境的入门教程
Aug 14 Javascript
微信小程序实现顶部普通选项卡效果(非swiper)
Jun 19 Javascript
深入浅析Vue中的slots/scoped slots
Apr 03 Javascript
浅析js中mvvm模式实现的原理
Oct 06 Javascript
详解Vue-Router源码分析路由实现原理
May 15 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和editplus正则表达式去除空白行
2015/04/17 PHP
php数组索引与键值操作技巧实例分析
2015/06/24 PHP
yii2实现Ueditor百度编辑器的示例代码
2018/11/02 PHP
thinkPHP框架通过Redis实现增删改查操作的方法详解
2019/05/13 PHP
一文看懂PHP进程管理器php-fpm
2020/06/01 PHP
javascript 建设银行登陆键盘
2008/06/10 Javascript
nodejs实用示例 缩址还原
2010/12/28 NodeJs
javascript 内存回收机制理解
2011/01/17 Javascript
使用javascript获取flash加载的百分比的实现代码
2011/05/25 Javascript
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
2011/09/20 Javascript
禁止页面刷新让F5快捷键及右键都无效
2014/01/22 Javascript
jquery获取radio值(单选组radio)
2014/10/16 Javascript
jQuery中[attribute=value]选择器用法实例
2014/12/31 Javascript
javascript判断css3动画结束 css3动画结束的回调函数
2015/03/10 Javascript
js实现简单锁屏功能实例
2015/05/27 Javascript
AngularJS ng-bind 指令简单实现
2016/07/30 Javascript
javascript实现的上下无缝滚动效果
2016/09/19 Javascript
Vue.js实战之利用vue-router实现跳转页面
2017/04/01 Javascript
QRCode.js:基于JQuery的生成二维码JS库的使用
2017/06/23 jQuery
Vue.js实现的表格增加删除demo示例
2018/05/22 Javascript
Vue常用指令详解分析
2018/08/19 Javascript
node版本管理工具n包使用教程详解
2018/11/09 Javascript
JavaScript如何操作css
2020/10/24 Javascript
[55:47]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第三局
2016/02/27 DOTA
Python实现压缩文件夹与解压缩zip文件的方法
2018/09/01 Python
python使用tomorrow实现多线程的例子
2019/07/20 Python
解决python明明pip安装成功却找不到包的问题
2019/08/28 Python
Python @property及getter setter原理详解
2020/03/31 Python
Python HTMLTestRunner如何下载生成报告
2020/09/04 Python
python爬虫使用scrapy注意事项
2020/11/23 Python
Urban Decay官方网站:美国化妆品品牌
2020/06/04 全球购物
银行类自荐信
2014/02/04 职场文书
求职毕业生自荐书
2014/02/08 职场文书
中学生英语演讲稿
2014/04/26 职场文书
党员先进性教育整改措施
2014/09/18 职场文书
多人股份制合作协议书
2016/03/19 职场文书