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获取css z-index在各种浏览器中的返回值
Sep 15 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
javascript 模拟坦克大战游戏(html5版)附源码下载
Apr 08 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)
Dec 10 Javascript
轻松掌握JavaScript装饰者模式
Aug 27 Javascript
在web中js实现类似excel的表格控件
Sep 01 Javascript
在一个页面重复使用一个js函数的方法详解
Dec 26 Javascript
详解Vue自定义过滤器的实现
Jan 10 Javascript
详解Angular.js指令中scope类型的几种特殊情况
Feb 21 Javascript
Angular中使用$watch监听object属性值的变化(详解)
Apr 24 Javascript
使用watch监听路由变化和watch监听对象的实例
Feb 24 Javascript
Js逆向实现滑动验证码图片还原的示例代码
Mar 10 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实现的获取URL信息的类
2007/01/02 PHP
在Windows XP下安装Apache+MySQL+PHP环境
2015/02/22 PHP
win10下 php安装seaslog扩展的详细步骤
2020/12/04 PHP
javascript 读取xml,写入xml 实现代码
2009/07/10 Javascript
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
2010/06/12 Javascript
JS+css 图片自动缩放自适应大小
2013/08/08 Javascript
转换字符串为json对象的方法详解
2013/11/29 Javascript
js生成动态表格并为每个单元格添加单击事件的方法
2014/04/14 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
2015/12/16 Javascript
jQuery 判断是否包含在数组中Array[]的方法
2016/08/03 Javascript
jquery实现自适应banner焦点图
2017/02/16 Javascript
详解react-router如何实现按需加载
2017/06/15 Javascript
Angular6中使用Swiper的方法示例
2018/07/09 Javascript
详解.vue文件中style标签的几个标识符
2018/07/17 Javascript
node上的redis调用优化示例详解
2018/10/30 Javascript
30分钟精通React今年最劲爆的新特性——React Hooks
2019/03/11 Javascript
layui 根据后台数据动态创建下拉框并同时默认选中的实例
2019/09/02 Javascript
如何基于JS截获动态代码
2019/12/25 Javascript
原生js实现碰撞检测
2020/03/12 Javascript
[45:44]完美世界DOTA2联赛PWL S2 FTD vs PXG 第一场 11.27
2020/12/01 DOTA
在Python中操作列表之List.pop()方法的使用
2015/05/21 Python
Python中pygame安装方法图文详解
2015/11/11 Python
Python编写合并字典并实现敏感目录的小脚本
2019/02/26 Python
Django 缓存配置Redis使用详解
2019/07/23 Python
详解用Pytest+Allure生成漂亮的HTML图形化测试报告
2020/03/31 Python
使用py-spy解决scrapy卡死的问题方法
2020/09/29 Python
DJI大疆无人机官方商城:全球领先的无人飞行器研发和生产商
2016/12/21 全球购物
Everlast官网:拳击、综合格斗和健身相关的体育用品
2020/08/03 全球购物
程序集与命名空间有什么不同
2014/07/25 面试题
毕业生自我鉴定
2013/12/04 职场文书
2014年学校党建工作总结
2014/11/11 职场文书
和谐家庭事迹材料
2014/12/20 职场文书
机关保密工作承诺书
2015/05/04 职场文书
2016习总书记系列重要讲话心得体会
2016/01/15 职场文书
2019初中学生入团申请书
2019/06/27 职场文书
Java基础之线程锁相关知识总结
2021/06/30 Java/Android