在前端开发中，掌握不同命名规范之间的转换是一项必备技能。今天我们就来聊聊如何利用`map`方法实现驼峰命名法（camelCase）与短横线命名法（kebab-case）之间的相互转换。🎯

首先，我们来看看什么是驼峰命名法和短横线命名法：

camelCase：单词首字母小写，后续每个新单词首字母大写，如`firstName`。

kebab-case：单词间用短横线连接，所有字母小写，如`first-name`。

接下来，让我们看看如何使用JavaScript中的`map`方法进行转换：

1. 从驼峰命名法转换为短横线命名法：

```javascript

function camelToKebab(str) {

return str

.replace(/([a-z])([A-Z])/g, '$1-$2') // 在大写字母前添加-

.toLowerCase(); // 转换为小写

}

```

2. 从短横线命名法转换为驼峰命名法：

```javascript

function kebabToCamel(str) {

return str

.split('-')

.map((word, index) => index === 0 ? word : word.charAt(0).toUpperCase() + word.slice(1))

.join('');

}

```

通过上述代码，我们可以轻松地在两种命名规范之间切换，提高代码的可读性和一致性。希望这些技巧能帮助你在面试中脱颖而出！🚀

前端开发 编程技巧 面试准备