程序员鸡皮

文章 分类 评论
90 3 53

站点介绍

一名PHP全栈程序员的日常......

JavaScript中将style的String类型转换成Object类型

abzzp 2024-09-01 460 1条评论 前端 JavaScript

首页 / 正文
本站是作为记录一名北漂程序员编程学习以及日常的博客,欢迎添加微信BmzhbjzhB咨询交流......

发布于2024-07-04

在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

感谢大家观看,我们下次见

评论(1)

  1. abzzp 管理员 2024-09-02 13:34 回复

    @React实战爱彼迎项目(二) - 程序员鸡皮

    哪里有问题了,报错了吗?

最新评论

  • inventonslemondedapres

    Inventonslemondedapres vous guide vers des casinos en ligne où les méthodes de paiement sont variées et sécurisées.

  • inventonslemondedapres.org

    Inventonslemondedapres : l'allié des joueurs qui recherchent des casinos en ligne aux interfaces modernes et ergonomiques.

  • inventonslemondedapres.org

    Avec Inventonslemondedapres, accédez aux casinos en ligne les plus appréciés par une communauté de joueurs avertis !

  • https://inventonslemondedapres.org

    Avec Inventonslemondedapres, trouvez facilement des casinos en ligne proposant des promotions régulières et intéressantes !

  • inventonslemondedapres

    Inventonslemondedapres vous accompagne vers des casinos en ligne proposant des tournois et challenges réguliers et stimulants.

  • Inventonslemondedapres

    Inventonslemondedapres vous présente une vision claire et objective des forces et faiblesses de chaque casino en ligne.

  • inventonslemondedapres.org

    Inventonslemondedapres : l'expertise à votre service pour sélectionner des casinos en ligne aux bonus sans condition abusive.

  • inventonslemondedapres

    Avec Inventonslemondedapres, trouvez facilement des casinos en ligne proposant des promotions régulières et intéressantes !

  • inventonslemondedapres

    Le comparateur Inventonslemondedapres met en lumière les casinos en ligne aux applications mobiles performantes et ergonomiques.

  • Inventonslemondedapres

    Avec Inventonslemondedapres, découvrez des casinos en ligne où le joueur est véritablement au centre de l'attention !

日历

2025年05月

    123
45678910
11121314151617
18192021222324
25262728293031

文章目录

推荐关键字: React vue JavaScript Golang 观后感 ES6 SEO 读后感

站点公告
本站是作为记录一名北漂程序员编程学习以及日常的博客,欢迎添加微信BmzhbjzhB咨询交流......
点击小铃铛关闭
配色方案