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 相关文章推荐
IE8下String的Trim()方法失效的解决方法
Nov 08 Javascript
$(&quot;&quot;).click与onclick的区别示例介绍
Sep 25 Javascript
jQuery内容筛选选择器实例代码
Feb 06 Javascript
Vue2.x中的Render函数详解
May 30 Javascript
vue2.0实现分页组件的实例代码
Jun 22 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
Jun 28 Javascript
浅谈jQuery框架Ajax常用选项
Jul 08 jQuery
基于openlayers4实现点的扩散效果
Aug 17 Javascript
Vue 动态设置路由参数的案例分析
Apr 24 Javascript
解决vue 按钮多次点击重复提交数据问题
May 10 Javascript
jsonp跨域及实现百度首页联想功能的方法
Aug 30 Javascript
vue-router之解决addRoutes使用遇到的坑
Jul 19 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学习资源和链接.
2006/12/05 PHP
一个PHP的String类代码
2010/04/20 PHP
PHP中session变量的销毁
2014/02/27 PHP
PHP中常用的转义函数
2014/02/28 PHP
让ThinkPHP支持大小写url地址访问的方法
2014/10/31 PHP
PHP中单例模式的使用场景与使用方法讲解
2019/03/18 PHP
在laravel中实现ORM模型使用第二个数据库设置
2019/10/24 PHP
通过隐藏option实现select的联动效果
2009/11/10 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
2010/03/24 Javascript
jQuery学习笔记之jQuery的动画
2010/12/22 Javascript
jquery方法+js一般方法+js面向对象方法实现拖拽效果
2012/08/30 Javascript
jQuery学习笔记之jQuery构建函数的7种方法
2014/06/03 Javascript
jQuery插件Tmpl的简单使用方法
2015/04/27 Javascript
jQuery实现浮动层随浏览器滚动条滚动的方法
2015/09/22 Javascript
深入理解angularjs过滤器
2016/05/25 Javascript
ES6数组的扩展详解
2017/04/25 Javascript
JS中的数组转变成JSON格式字符串的方法
2017/05/09 Javascript
关于jQuery库冲突的完美解决办法
2017/05/20 jQuery
小程序如何获取多个formId实现详解
2019/09/20 Javascript
bootstrap实现tab选项卡切换
2020/08/09 Javascript
[49:42]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第一局
2016/03/04 DOTA
Python+AutoIt实现界面工具开发过程详解
2019/08/07 Python
python 实时调取摄像头的示例代码
2020/11/25 Python
css3实现3d旋转动画特效
2015/03/10 HTML / CSS
为有想象力的人提供的生活方式商店:Firebox
2018/06/04 全球购物
Marlies Dekkers内衣荷兰官方网店:荷兰奢侈内衣品牌
2020/03/27 全球购物
什么是组件架构
2016/05/15 面试题
大学生饮食连锁店创业计划书
2014/01/17 职场文书
构建高效课堂实施方案
2014/03/13 职场文书
护理人员的自我评价分享
2014/03/15 职场文书
原料仓管员岗位职责
2014/04/12 职场文书
新闻编辑专业自荐信
2014/07/02 职场文书
4s店活动策划方案
2014/08/25 职场文书
导游词之晋城蟒河
2019/12/12 职场文书
《家庭教育》读后感3篇
2019/12/18 职场文书
Android实现图片九宫格
2022/06/28 Java/Android