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中style属性
Oct 11 Javascript
用javascript控制iframe滚动的代码
Apr 10 Javascript
jquery的index方法实现tab效果
Feb 16 Javascript
Javascript变量作用域详解
Dec 06 Javascript
node.JS md5加密中文与php结果不一致的解决方法
May 05 Javascript
简单实现jQuery手风琴效果
Aug 18 jQuery
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
Aug 25 Javascript
jQuery实现table表格信息的展开和缩小功能示例
Jul 21 jQuery
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
Jul 19 Javascript
在Vue.js中使用TypeScript的方法
Mar 19 Javascript
JavaScript find()方法及返回数据实例
Apr 30 Javascript
Vue全家桶入门基础教程
May 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简介
2006/10/09 PHP
收集的PHP中与数组相关的函数
2007/03/22 PHP
php递归实现无限分类的方法
2015/07/28 PHP
laravel添加前台跳转成功页面示例
2019/10/22 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
jQuery EasyUI 的EasyLoader功能介绍
2010/09/12 Javascript
EXTjs4.0的store的findRecord的BUG演示代码
2013/06/08 Javascript
html文件中jquery与velocity变量中的$冲突的解决方法
2013/11/01 Javascript
AngularJS自动表单验证
2016/02/01 Javascript
JS实现title标题栏文字不间断滚动显示效果
2016/09/07 Javascript
Angularjs中数据绑定的实例详解
2017/08/25 Javascript
vue2.0 下拉框默认标题设置方法
2018/08/22 Javascript
如何使用proxy实现一个简单完整的MVVM库的示例代码
2019/09/17 Javascript
深入理解 TypeScript Reflect Metadata
2019/12/12 Javascript
实现一个Vue自定义指令懒加载的方法示例
2020/06/04 Javascript
Postman动态获取返回值过程详解
2020/06/30 Javascript
通过angular CDK实现页面元素拖放的步骤详解
2020/07/01 Javascript
Vue3+elementui plus创建项目的方法
2020/12/01 Vue.js
django请求返回不同的类型图片json,xml,html的实例
2018/05/22 Python
Selenium定时刷新网页的实现代码
2018/10/31 Python
详解python算法之冒泡排序
2019/03/05 Python
详解Python修复遥感影像条带的两种方式
2020/02/23 Python
python中JWT用户认证的实现
2020/05/18 Python
python 牛顿法实现逻辑回归(Logistic Regression)
2020/10/15 Python
德国BA保镖药房中文网:Bodyguard Apotheke
2021/03/09 全球购物
中专药剂专业应届毕的自我评价
2013/12/27 职场文书
西式结婚主持词
2014/03/14 职场文书
经济担保书范文
2014/04/02 职场文书
个人授权委托书范本
2014/09/14 职场文书
公司员工离职证明书
2014/10/04 职场文书
2014年医药代表工作总结
2014/11/22 职场文书
大学毕业论文致谢词
2015/05/14 职场文书
2015大学生入党个人自传
2015/06/26 职场文书
中国梦宣传标语口号
2015/12/26 职场文书
详解分布式系统中如何用python实现Paxos
2021/05/18 Python
baselines示例程序train_cartpole.py的ImportError
2022/05/20 Python