JS实现字符串转驼峰格式的方法
本文实例讲述了JS实现字符串转驼峰格式的方法。分享给大家供大家参考,具体如下:
实现效果如:border-bottom-color =>borderBottomColor
传传统方法
分析:
1.转大写,需要用到字符串的toUpperCase()方法
2.去掉-,需要用到字符串方法split(),这样就转成数组了,但数组中的每一个元素依然是字符串,所以可以用循环的方法取到第一个后面的元素
3.取第一个后面的元素的第一个字符,需要用到字符串的charAt()方法
4.第一个字符后面的字符,可以通过字符串截取方法substring()获得,这时把两个拼接再赋回给原数组。即完成了转换
5.用join()方法把数组的逗号去掉,拼接成字符串
var str="border-bottom-color"; function tf(){ var arr=str.split("-"); for(var i=1;i<arr.length;i++){ arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substring(1); } return arr.join(""); }; tf(str);
正则的方法
分析:
1.正则为-字符,即var re=/-\w/g;匹配到-字符
2.用正则的replace()方法替换这个规范为去掉-以及字符大写,通过回调函数第一个参数直接转大写
var str="border-bottom-color"; function tf(){ var re=/-(\w)/g; str=str.replace(re,function($0,$1){ return $1.toUpperCase(); }); alert(str) }; tf(str);
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
- js写一个字符串转成驼峰的实例
- JavaScript中的连字符详解
- js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
- 将JSON字符串转换成Map对象的方法
- Javascript将双字节字符转换成单字节字符并计算长度
- javascript时间戳和日期字符串相互转换代码(超简单)
- JSON字符串转换JSONObject和JSONArray的方法
- JS中对象与字符串的互相转换详解
- JSON的String字符串与Java的List列表对象的相互转换
- JavaScript实现字符串与日期的互相转换及日期的格式化
- js实现字符串和数组之间相互转换操作
- 实例详解JSON数据格式及json格式数据域字符串相互转换
- JS实现的驼峰式和连字符式转换功能分析
相关文章
微信小程序如何利用getCurrentPages进行页面传值
这篇文章主要介绍了微信小程序如何利用getCurrentPages进行页面传值,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题
这篇文章主要介绍了JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求 的相关资料,需要的朋友可以参考下2017-10-10javascript addBookmark 加入收藏 多浏览器兼容
不错的加入收藏代码,加入了对一些常见浏览器的判断,更好的体现用户体验,兼容了ie,firefox.2009-08-08
最新评论