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 相关文章推荐
ExtJs默认的字体大小改变的几种方法(自己整理)
Apr 18 Javascript
jquery 设置元素相对于另一个元素的top值(实例代码)
Nov 06 Javascript
javascript实现获取浏览器版本、操作系统类型
Jan 29 Javascript
每日十条JavaScript经验技巧(一)
Jun 23 Javascript
简单理解vue中实例属性vm.$els
Dec 01 Javascript
VueJs路由跳转——vue-router的使用详解
Jan 10 Javascript
Node.js数据库操作之连接MySQL数据库(一)
Mar 04 Javascript
JavaScript用200行代码制作打飞机小游戏实例
Jun 21 Javascript
微信小程序使用picker实现时间和日期选择框功能【附源码下载】
Dec 11 Javascript
vue单页面应用打开新窗口显示跳转页面的实例
Sep 21 Javascript
js实现弹幕飞机效果
Aug 27 Javascript
nuxt 每个页面head标签内容设置方式
Nov 05 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来检测proxy
2006/10/09 PHP
第4章 数据处理-php字符串的处理-郑阿奇(续)
2011/07/04 PHP
eclipse php wamp配置教程
2016/06/30 PHP
PHP实现的随机红包算法示例
2017/08/14 PHP
jQuery实现div浮动层跟随页面滚动效果
2014/02/11 Javascript
JS与jQ读取xml文件的方法
2015/12/08 Javascript
jquery层级选择器(匹配父元素下的子元素实现代码)
2016/09/05 Javascript
Angular.JS中的this指向详解
2017/05/17 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
2017/07/10 Javascript
angular基于ng-alain定义自己的select组件示例
2018/02/23 Javascript
javascript变量提升和闭包理解
2018/03/12 Javascript
Three.JS实现三维场景
2018/12/30 Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
2019/10/15 Javascript
Webpack的Loader和Plugin的区别
2020/11/09 Javascript
详解Python中的变量及其命名和打印
2016/03/11 Python
Python打印“菱形”星号代码方法
2018/02/05 Python
python pandas中DataFrame类型数据操作函数的方法
2018/04/08 Python
Python使用爬虫抓取美女图片并保存到本地的方法【测试可用】
2018/08/30 Python
Python如何发布程序的详细教程
2018/10/09 Python
python3使用GUI统计代码量
2019/09/18 Python
Tensorflow实现部分参数梯度更新操作
2020/01/23 Python
Python chardet库识别编码原理解析
2020/02/18 Python
关于python 的legend图例,参数使用说明
2020/04/17 Python
Django ORM实现按天获取数据去重求和例子
2020/05/18 Python
python 用pandas实现数据透视表功能
2020/12/21 Python
纯CSS3发光分享按钮的实现教程
2014/09/06 HTML / CSS
AE美国鹰美国官方网站:American Eagle Outfitters
2016/08/22 全球购物
全球领先的各类汽车配件零售商:Advance Auto Parts
2016/08/26 全球购物
飘柔洗发水广告词
2014/03/14 职场文书
党校培训自我鉴定范文
2014/04/10 职场文书
《一个小村庄的故事》教学反思
2014/04/13 职场文书
违纪检讨书
2015/01/27 职场文书
财务出纳岗位职责
2015/03/31 职场文书
庆元旦主持词
2015/07/06 职场文书
windows下快速安装nginx并配置开机自启动的方法
2021/05/11 Servers
SQL CASE 表达式的具体使用
2022/03/21 SQL Server