13
2023
07

驼峰转横线

项目中,js代码中用的驼峰形式命名,html中用的横线。为了统一,需要转一下。


比如,下面这个

"GalileoThermometer": "GalileoThermometer"

需要转成

"galileo-thermometer": "Galileo Thermometer"

左右两边分别转就可以,方法都一样。


先看左边:

"GalileoThermometer".replace(/([A-Z])/g,"-$1").toLowerCase()

得到

-galileo-thermometer


再根据实际需求,把前边的横线“-”去掉就可以了。

比如,

"GalileoThermometer".replace(/([A-Z])/g,"-$1").toLowerCase().substr(1)

就得到了

galileo-thermometer


同理,右边的可以这样写

"GalileoThermometer".replace(/([A-Z])/g," $1").substr(1)

就得到了

Galileo Thermometer

有些组合,就是大写,我们不想转,比如"LED"。

可以这样处理

"GalileoThermometerLED".replace(/([A-Z])/g,"-$1").toLowerCase().substr(1).replace(/l-e-d/g, 'LED')

得到

galileo-thermometer-LED

同理,右边的改成

"GalileoThermometerLED".replace(/([A-Z])/g," $1").substr(1).replace(/L E D/g, 'LED')

得到

Galileo Thermometer LED


« 上一篇下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。