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 相关文章推荐
在你的网页中嵌入外部网页的方法
Apr 02 Javascript
ExtJS 2.2.1的grid控件在ie6中的显示问题
May 04 Javascript
jquery 防止表单重复提交代码
Jan 21 Javascript
js实现商品抛物线加入购物车特效
Nov 18 Javascript
JS实现控制文本框的内容
Jul 10 Javascript
jQuery数组处理函数整理
Aug 03 Javascript
浅谈react 同构之样式直出
Nov 07 Javascript
基于vue2实现上拉加载功能
Nov 28 Javascript
解决JSON.stringify()自动将中文转译成unicode的问题
Jan 05 Javascript
微信小程序scroll-view组件实现滚动动画
Jan 31 Javascript
Angular请求防抖处理第一次请求失效问题
May 17 Javascript
vue-cli 关闭热更新操作
Sep 18 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中的数组操作函数整理
2008/08/18 PHP
常见的PHP五种设计模式小结
2011/03/23 PHP
PHP中break及continue两个流程控制指令区别分析
2011/04/18 PHP
php函数与传递参数实例分析
2014/11/15 PHP
php intval函数用法总结
2019/04/14 PHP
Aster vs Newbee BO5 第三场2.19
2021/03/10 DOTA
javascript DOM编程实例(智播客学习)
2009/11/23 Javascript
JavaScript中去掉数组中的重复值的实现方法
2011/08/03 Javascript
关于jquery性能最佳实践的讨论,与求教
2012/03/30 Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
2013/05/15 Javascript
关于IE中getElementsByClassName不能用的问题解决方法
2013/08/26 Javascript
json字符串之间的相互转换示例代码
2014/08/21 Javascript
浅谈javascript属性onresize
2015/04/20 Javascript
基于jquery实现图片上传本地预览功能
2016/01/08 Javascript
bootstrap日期控件问题(双日期、清空等问题解决)
2017/04/19 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
2017/08/28 Javascript
老生常谈JavaScript面向对象基础与this指向问题
2017/10/16 Javascript
Vue Router去掉url中默认的锚点#
2018/08/01 Javascript
vue 解决异步数据更新问题
2019/10/29 Javascript
OpenLayers实现图层切换控件
2020/09/25 Javascript
jQuery插件实现图片轮播效果
2020/10/19 jQuery
Python实现list反转实例汇总
2014/11/11 Python
python放大图片和画方格实现算法
2018/03/30 Python
Python.append()与Python.expand()用法详解
2019/12/18 Python
python给list排序的简单方法
2020/12/10 Python
美国受欢迎的女性牛仔裤品牌:DL1961
2016/11/12 全球购物
美国男士西装打折店:Jos. A. Bank
2017/11/13 全球购物
高尔夫球鞋、服装、手套和装备:FootJoy
2018/12/15 全球购物
简述索引存取方法的作用和建立索引的原则
2013/03/26 面试题
大学生应聘自荐信
2013/10/11 职场文书
数控专业自荐书范文
2014/03/16 职场文书
物流专业自荐信
2014/05/23 职场文书
离婚答辩状怎么写
2015/05/22 职场文书
python基础之while循环语句的使用
2021/04/20 Python
解决pytorch-gpu 安装失败的记录
2021/05/24 Python
Vue2项目中对百度地图的封装使用详解
2022/06/16 Vue.js