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在浏览器中创建下载文件
Mar 05 Javascript
Javascript仿PHP $_GET获取URL中的参数
May 12 Javascript
原生js实现fadein 和 fadeout淡入淡出效果
Jun 05 Javascript
AngularJS基础知识
Dec 21 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
Nov 30 Javascript
jQuery实现对象转为url参数的方法
Jan 11 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
Feb 05 Javascript
使用Vue开发自己的Chrome扩展程序过程详解
Jun 21 Javascript
微信小程序监听用户登录事件的实现方法
Nov 11 Javascript
JS实现网页烟花动画效果
Mar 10 Javascript
javascript实现拖拽碰撞检测
Mar 12 Javascript
vue 基于abstract 路由模式 实现页面内嵌的示例代码
Dec 14 Vue.js
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计划任务之验证是否有多个进程调用同一个job的方法
2015/12/07 PHP
PHP实现时间比较和时间差计算的方法示例
2017/07/24 PHP
TopList标签和JavaScript结合两例
2007/08/12 Javascript
javascript数字数组去重复项的实现代码
2010/12/30 Javascript
合并table相同单元格的jquery插件分享(很精简)
2011/06/20 Javascript
javascript小数四舍五入多种方法实现
2012/12/23 Javascript
javascript 数字格式化输出的实现代码
2013/12/10 Javascript
详谈JavaScript 匿名函数及闭包
2014/11/14 Javascript
jQuery层动画定位滑动效果的方法
2015/04/30 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
2016/10/16 Javascript
用file标签实现多图文件上传预览
2017/02/14 Javascript
简单快速的实现js计算器功能
2017/08/17 Javascript
vue动画之点击按钮往上渐渐显示出来的实例
2018/09/29 Javascript
发布订阅模式在vue中的实际运用实例详解
2019/06/09 Javascript
微信小程序 网络通信实现详解
2019/07/23 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
2020/10/15 Javascript
Python爬虫框架Scrapy安装使用步骤
2014/04/01 Python
Python统计单词出现的次数
2018/04/04 Python
Python tkinter的grid布局及Text动态显示方法
2018/10/11 Python
Python使用字典的嵌套功能详解
2019/02/27 Python
python实现12306登录并保存cookie的方法示例
2019/12/17 Python
python tkinter之顶层菜单、弹出菜单实例
2020/03/04 Python
python except异常处理之后不退出,解决异常继续执行的实现
2020/04/25 Python
AmazeUI 等分网格的实现示例
2020/08/25 HTML / CSS
是什么让J2EE适合用来开发多层的分布式的应用
2015/01/16 面试题
给同学的道歉信
2014/01/16 职场文书
计算机应届毕业生自荐信范文
2014/02/23 职场文书
总经理岗位职责
2015/02/04 职场文书
校本研修个人总结
2015/02/28 职场文书
酒店前台接待岗位职责
2015/04/02 职场文书
海洋天堂观后感
2015/06/05 职场文书
步步惊心观后感
2015/06/12 职场文书
中秋节祝酒词
2015/08/12 职场文书
家访教师心得体会
2016/01/23 职场文书
2019年大学生职业生涯规划书
2019/03/25 职场文书
解决mysql:ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO/YES)
2021/06/26 MySQL