在React开发中，我们或许经常遇到要将font-size:20px;转换成对象类型{fontSize:"20px"},如下我自己写了个类，正则匹配-后面的第一个字为大写字母，并且去掉-,然后将:后的属性转换为字符串类型，代码如下
function styleStrToObject(styleStr){
const obj = {};
const s = styleStr.toLowerCase().replace(/-(.)/g,function(m,g){
return g.toUpperCase();
}).replace(/;\s?$/g,"").split(/:|;/g)
for(var i=0;i<s.length;i+=2){
obj[s[i].replace(/\s/g,"")] = s[i+1].replace(/^s+|\s+$/g,"");
}
return obj
}
export default styleStrToObject感谢大家观看，我们下次见
![[[流泪]]](https://www.xvzhu.cn/usr/themes/freewind/static/img/face/emotions/5.gif)
abzzp 管理员 2024-09-02 13:34 回复
@React实战爱彼迎项目(二) - 程序员鸡皮
哪里有问题了，报错了吗？
三十三瀑布 游客 2026-01-27 08:29 回复
我非常喜欢 出行博客。鼓舞人心查看路线。