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程序设计有所帮助。
相关推荐
-
JSON字符串转换JSONObject和JSONArray的方法
一.下载json 具体到http://www.json.org/上找Java-json下载,并把其放到项目源代码中,这样就可以引用其类对象了 二.具体转化过程 //JSONObject String jsonMessage = "{\"语文\":\"88\",\"数学\":\"78\",\"计算机\":\"99\"}"; String value1 = null; t
-
JavaScript实现字符串与日期的互相转换及日期的格式化
字符串转日期.日期转字符串 // 2014-02-25 /** * 字符串转时间(yyyy-MM-dd HH:mm:ss) * result (分钟) */ stringToDate : function(fDate){ var fullDate = fDate.split("-"); return new Date(fullDate[0], fullDate[1]-1, fullDate[2], 0, 0, 0); } /** * 格式化日期 * @param date 日期 * @
-
将JSON字符串转换成Map对象的方法
页面向后台action传递一个json字符串,需要将json字符串转换成Map对象 public Map<String, String> toMap(Object object) { Map<String, String> data = new HashMap<String, String>(); // 将json字符串转换成jsonObject JSONObject jsonObject = JSONObject.fromObject(object); Iterato
-
Javascript将双字节字符转换成单字节字符并计算长度
复制代码 代码如下: function(s){ return Math.ceil(s.replace(/[\u4e00-\u9fa5]/g, 'xx').length / 2); } 也可以用(/[^\x00-\xff]/g,'**'),这个是用'**'替换双字节字符 (/[\u4e00-\u9fa5]/g, '**') 这个是用'**'替换中文字符,\u4e00-\u9fa5中文的unicode编吗 以上就是本文的全部内容,了解更多JavaScript的语法,大家可以查看:<JavaS
-
JS实现的驼峰式和连字符式转换功能分析
本文实例讲述了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
-
js实现字符串和数组之间相互转换操作
本文实例介绍了javascript中字符串和数组的相互转换方法,分享给大家供大家参考,具体内容如下 字符串和数组的相互转换操作是非常的重要的,因为在实际编码过程中会经常用到,所以这是必须要掌握的知识点,当然这个知识点并不难,知道了就永远知道了,并不是那种需要充分实践才能够掌握的东西,下面就做一下简单的介绍. 一.字符串转换为数组 此操作会用到split()函数,它能够以指定的字符作为分隔符,将字符串转换成一个数组,实例代码如下: var Str="abc-mng-zhang-mayi"
-
javascript时间戳和日期字符串相互转换代码(超简单)
javascript时间戳和日期字符串相互转换代码(超简单) <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> // 获取当前
-
JavaScript中的连字符详解
晚上花了2个小时的时间,来用Javascript处理一个简单的字符串过滤功能,代码粘贴到下面,其实很简单,就是想把Google AJAX Search API返回的查询结果中的<b/>过滤掉. 之所以花这么多时间,一个很重要的原因就是对JavaScript的字符连接操作不熟.JS是不支持+=的,因此需要用a=a + 'b',其实想想这个问题及其简单,但不知为什么就是花了很多时间. 复制代码 代码如下: function ProcessString(string){ var i=0; var
-
JS中对象与字符串的互相转换详解
在使用 JSON2.JS 文件的 JSON.parse(data) 方法时候,碰到了问题: throw new SyntaxError('JSON.parse'); 查询资料,大概意思如下: JSON.parse方法在遇到不可解析的字符串时,会抛出SyntaxError异常. 即:JSON.parse(text, reviver),This method parses a JSON text to produce an object or array. t can throw a SyntaxE
-
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
在项目中遇到一个问题:在前端需要把后台返回的json字符串转换成一个js中的json对象,可是从后台返回的字符串中含有转义字符:\", 在网上查到方法如下,可以处理这种情况: var page = eval("("+data+")"); 以上这篇js中的eval()函数把含有转义字符的字符串转换成Object对象的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
-
js写一个字符串转成驼峰的实例
复制代码 代码如下: <SPAN style="FONT-SIZE: 18px"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>字符串替换</title> <script type="text/javascript"> window.onload = function(){ va
-
JSON的String字符串与Java的List列表对象的相互转换
在前端: 1.如果json是List对象转换的,可以直接遍历json,读取数据. 2.如果是需要把前端的List对象转换为json传到后台,param是ajax的参数,那么转换如下所示: var jsonStr = JSON.stringify(list); var param= {}; param.jsonStr=jsonStr; 在后台: 1.把String转换为List(str转换为list) List<T> list = new ArrayList<T>(); JSONAr
-
实例详解JSON数据格式及json格式数据域字符串相互转换
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式.JSON采用完全独立于语言的文本格式,这些特性使JSON成为理想的数据交换语言.易于人阅读和编写,同时也易于机器解析和生成. 基础结构 JSON建构于两种结构: 1. "名称/值"对的集合(A collection of name/value pairs).不同的语言中,它被理解为对象(object),记录(record),结构(struct),字典(dictionary),哈希表(hash t
随机推荐
- Lua中的协同程序探究
- Angularjs的Controller间通信机制实例分析
- ExtJs使用IFrame的实现代码
- 奇趣实用网站收集帖 转载
- ERROR/AndroidRuntime(17121)的问题解决
- JavaScript基本对象
- jquery实现ajax提交form表单的方法总结
- asp在服务器把 XML 转换为 XHTML的实现代码
- $.extend 的一个小问题
- ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
- 15个款优秀的 jQuery 图片特效插件推荐
- 在Javascript中 声明时用"var"与不用"var"的区别
- Boostrap基础教程之JavaScript插件篇
- 在WordPress中安装使用视频播放器插件Hana Flv Player
- C#实现在服务器端裁剪图片的方法
- Android开发 -- 控件的显示与隐藏 setVisibility View.VISIBLE View.INVISIBLE View.GONE
- 桌面上的超级伴侣
- 网络管理之IP地址篇
- Spring Cloud重试机制与各组件的重试总结
- Android UI控件之ImageSwitcher实现图片切换效果