驼峰命名法camelCase和连字符Hyphenate 相互转换

最新推荐文章于 2024-08-09 16:07:23 发布

miaolegemiyaha

最新推荐文章于 2024-08-09 16:07:23 发布

阅读量3.5k

点赞数 1

分类专栏： javascript 算法文章标签： javascript 函数正则

本文链接：https://blog.csdn.net/u012872875/article/details/52507580

版权

本文介绍了如何在JavaScript中将camelCase字符串转换为Hyphenate形式，参考了Vue源码实现。提供了使用正则表达式的两种转换方法，并推荐了《正则表达式必知必会》一书来深入理解正则。

摘要由CSDN通过智能技术生成

// 正则方法
			function test(str){
				var o = /-(\w)/g;
				return	str.replace(o,function(a,b){
					// b为子项；
					return b.toUpperCase()
				})
			}
//字符串方法
			function test2(str){
				var arr =  str.split("-");  
                                //[border,left,top]
				for(var i = 1,len=arr.length;i<len;i++){
					arr[i] = arr[i].charAt(0).toUpperCase() +arr[i].substring(1)
				}
				return arr.join('')
			}
			var a = "border-left-top";
			// alert(test(a))
			alert(test2(a))

/**
* Hyphenate a camelCase string.
*
* @param {String} str
* @return {String}
*/

转驼峰命名 --参考Vue源码

function hyphenate(str) {

var hyphenateRE = /([a-z\d])([A-Z])/g;
return str.replace(hyphenateRE, '$1-$2').toLowerCase();
}