javascript:将字符串转换为驼峰格式的练习总结

最新推荐文章于 2025-08-15 09:01:53 发布

转载最新推荐文章于 2025-08-15 09:01:53 发布 · 276 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/pine-cone/p/8641457.html

文章标签：

#javascript #ViewUI

本文介绍了一种将带有连字符的字符串转换为驼峰命名法格式的方法，并提供了一个JavaScript函数实现。通过此方法可以方便地将CSS属性等转换为符合编程规范的形式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天没出太阳，感觉有点冷，有一种时刻准备下暴雨的感觉。

今天的题目是：将以下传入的字符串转为统一的字符串输出。

1.background-image //输出为 backgroundImage

2.-webkit-border-radius //输出为 webkitBorderRadius

做这道题的思路是：

通过题目我们可以知道，传入的参数有2种，它们的不同点是单词前的连字符‘-’；相同点是从第二个单词开始，每个单词的首字母大写。

所以我把字符串转换的过程分为3步：

1.将字符串分割成字符串数组，其中该方法的参数可以从字符串指定的位置开始分割，设置了参数的字符串会被替换为空字符串‘’。

2.判断数组中的第一个数组项是否是空字符串‘’，如果是，则删掉该数组项。

3.跳过第一个单词，找到第二个单词及之后的单词将它的首字母都转换为大写。

 1 function convertToCamelCase(str){
 2     var array = str.split('-');
 3     if(array[0] == ''){
 4         array.splice(0, 1);
 5     }
 6     for(var i = 1; i < array.length; i++){    
 7         array[i] = array[i].substring(0, 1).toUpperCase() +         
 8         array[i].substring(1);
 9     }     
10         var string = array.join('');
11         return string;
12 }
13 
14 var str1 = convertToCamelCase('background-image'); 
15 var str2 = convertToCamelCase('-webkit-border-radius');