将字符串(border-bottom-color)转成驼峰(borderBottomColor)

发布时间：2020-12-14 00:44:03 所属栏目：百科来源：网络整理

导读：!DOCTYPE html html lang = "en" head meta charset = "UTF-8" title 请写一个字符串转成驼峰的方法 / title / head body script /* * 问题描述： * 请写一个字符串转成驼峰的方法？ * border-bottom-color - borderBottomColor * 要求：分别用字符串和正则

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>请写一个字符串转成驼峰的方法</title>
</head>
<body>
<script> /* * 问题描述： * 请写一个字符串转成驼峰的方法？ * border-bottom-color -> borderBottomColor * 要求：分别用字符串和正则来操作 * */ var a = 'border-bottom-color'; /* * 第一种：字符串操作 * */ (function (a) { // 将字符串通过'-'分解为数组 var arr = a.split('-'); // 遍历数组，从第2个元素开始 for ( var i = 1; i < arr.length; i++ ) { arr[i] = arr[i].substring(0,1).toUpperCase() + arr[i].substring(1); } console.log(arr.join('')); })(a); /* * 第二种：正则解法 * */ /*(function (a) { var re = /-(w)/g; var res = a.replace(re,function ($0,$1) { return $1.toUpperCase(); }); alert(res); })(a);*/ </script>
</body>
</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!