`
xiaomiya
  • 浏览: 131521 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

写一个字符串转成驼峰的方法

阅读更多

今天看到一个这样的基础js面题。就是让写一个字符串转成驼峰的方法:

如:border-bottom-color  》  borderBottomColor

想想应该有两种方法:

1,用传统的字符串操作。

2,用正则表达式的方法。

首先我们看看第一种的实现原理:我们要把-b和-c转成大写的B和C。那么我们可以用split()方法来进行分割

利用toUpperCase()方法来转大写。最后用join()方法来拼接。

OK

 

var str = "border-bottom-color";

function test(str){
	var arr = str.split("-");//用split()函数来进行分割字符串arr里面包括【border,bottom,color】
	for(var i=1;i<arr.length;i++){//从数组的第二项开始循环,charAt(0)找到第一个字母。substring(1)截掉第一个字母。
		arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].substring(1);//循环之后把得到的字符赋给arr。【border,Bottom, Color】
		alert(arr[i]);
	}
	return arr.join("");//用join方法来拼接,空拼接。就变成borderBottomColor

}
alert(test(str));

 

 

很好理解

然后我们用正则表达式来完成转换。如果了解正则的人会觉得很容易的。

 

var str = "border-bottom-color";
function test(str){
	var re = /-(\w)/g;//通过正则找到-b  -c。默认的是匹配一次,所以要用g来全局匹配。\w指的字符。找一个-找一个字符。replace替换就是B替换-b   C替换-c。 $0代表正则,$1代表指向
	return str.replace(re, function($0,$1){
		return $1.toUpperCase();
	});
}
alert(test(str));

 

 

分享到:
评论

相关推荐

    Python – 将蛇形大小写字符串转换为驼峰式大小写

    在Python中,将蛇形大小写转换为驼峰式大小写有多种方法,包括使用字符串操作函数、生成器表达式、`map()` 函数以及正则表达式。每种方法都有其独特之处,但效率和空间需求大致相同。选择哪种方法取决于个人喜好和...

    js写一个字符串转成驼峰的实例

    例如,可以通过`split`方法分割字符串为数组,然后遍历数组并把除了第一个单词之外的每个单词的首字母大写,最后用`join`方法将数组元素合并成一个新的字符串。但这种传统方法相比使用正则表达式和原型链的方式,...

    C#转换驼峰格式--首字母大写,可直接ctrl+v,支持跳过字符串

    C#转换驼峰格式--首字母大写,可直接ctrl+v,支持跳过字符串 输入:2D_3D_23d_IB_REQUEST_OBSTACLES_GET_STATIC_OBJECTS_1_MESSAGE_STRUCT_SIZE_2D 结果:2D3D23dIBRequestObstaclesGetStaticObjects1...

    Java开发必备:驼峰与下划线字符串快速互转工具类支持多列编辑复制转换

    本资源为您推荐一款强大实用的Java工具类,能够帮助您快速地实现字符串驼峰与下划线之间的互转。 2、优点:支持多个复制列编辑,在多列编辑模式下,您只需要简单的复制粘贴即可一次性将多个驼峰或下划线转换成对应...

    将驼峰式字符串转换为蛇形式的Python程序

    驼峰式字符串是大小写混合,每个单词首字母大写,如"GeeksForGeeks",而蛇形字符串则是每个单词间用下划线分隔,且所有字母小写,如"geeks_for_geeks"。 这里提供六种不同的方法来实现这个转换: 1. **朴素方法**...

    js字符串驼峰和下划线互相转换

    js字符串驼峰和下划线互相转换,驼峰转换成下划线toHump,下划线转换成驼峰toLine。源代码,直接用实现功能。

    JS实现字符串转驼峰格式的方法

    2.去掉-,需要用到字符串方法split(),这样就转成数组了,但数组中的每一个元素依然是字符串,所以可以用循环的方法取到第一个后面的元素 3.取第一个后面的元素的第一个字符,需要用到字符串的charAt()方法 4.第一个...

    stringy:在Stringy包的帮助下,将字符串转换为驼峰式案例,蛇形案例,烤肉串案例,自定义定界符,填充字符串,挑逗字符串和许多其他功能

    Golang字符串操作帮助程序包 在Stringy软件包的帮助下,将字符串转换为驼峰式案例,蛇形案例,烤肉串案例/ slugify,自定义定界符,填充字符串,挑逗字符串和许多其他功能。 您可以将骆驼皮转换为蛇皮或kebabcase,...

    驼峰转下划线、下划线转驼峰的java工具类

    camelToUnderscore方法接收一个驼峰命名的字符串作为参数,并返回相应下划线命名的字符串。 underscoreToCamel方法则是接收一个下划线命名的字符串,将其转换为驼峰命名形式的字符串。 String result = ...

    Eclipse驼峰和下划线互转

    下划线(小写) &gt; 驼峰(首字母大写) &gt; 驼峰(首字母小写) &gt; 下划线(大写) &gt; 下划线(小写)&gt;...... user_name &gt; UserName &gt; userName &gt; USER_NAME &gt; user_name &gt;...... 注:本资源谢绝转载,谢绝转载,谢绝转载。

    eclipse字符串下划线驼峰互转插件(附源码).7z

    总之,"eclipse字符串下划线驼峰互转插件"是一个实用的开发辅助工具,它简化了字符串命名风格的转换过程,提高了开发效率。源码的开放性则为学习和扩展插件功能提供了可能性,有助于提升开发者的技术水平和对Eclipse...

    eclipse字符串驼峰转换插件及源码

    eclipse字符串驼峰转换插件及源码,提供字符串转StringBuilder, snake_case转camalCase及互转功能。将文档中的plugins复制到eclipse中,重启即可生效。ctrl+shift+1 为转换StringBuilder快捷键, ctrl+alt+z为驼峰...

    SpringBoot+Mybatis,返回Map的时候,将Map内的Key转换为驼峰的命名

    在这个例子中,`toCamelCaseMap`方法接收一个Map,并使用Java 8的Stream API来创建一个新的Map,其中的Key已经被`underscoreToCamelCase`方法转换为驼峰命名。`underscoreToCamelCase`方法则负责将下划线分隔的字符...

    Java中驼峰与下划线相互转换

    上述代码提供了一个名为`toCamelCase`的方法,用于将下划线分隔的字符串转换为驼峰式命名。方法首先将输入字符串转为小写,然后遍历每个字符。当遇到下划线时,标记下一个字符需要大写。在实际添加字符到结果字符串...

    PHP实现驼峰样式字符串(首字母大写)转换成下划线样式字符串的方法示例

    本文实例讲述了PHP实现驼峰样式字符串(首字母大写)转换成下划线样式字符串的方法。分享给大家供大家参考,具体如下: 1、如何在php中把驼峰样式的字符串转换成下划线样式的字符串。例:输入是FooBar的话,输出则是...

    利用Google Gson实现JSON字符串和对象之间相互转换

    反之,如果你有一个JSON字符串并想解析成Java对象,可以使用`Gson().fromJson()`方法。 ### JSON字符串转Java对象 以下是一个简单的例子,展示如何将JSON字符串转换为Java对象: ```java class User { private ...

    批量字母驼峰转换

    在IT行业中,编程时常会遇到字符串格式转换的问题,其中一种常见的转换方式就是“驼峰命名法”(Camel Case)。批量字母驼峰转换是程序员在处理数据或编写代码时经常需要用到的一个工具,尤其是在构建变量名、函数名...

Global site tag (gtag.js) - Google Analytics