在 JavaScript 中将驼峰案转为烤肉串

Question

我有一个 kebabize 函数，可以将驼峰式转换为烤肉串。我正在分享我的代码。可以更优化吗？我知道这个问题可以使用正则表达式来解决。但是，我想在不使用正则表达式的情况下做到这一点。

const kebabize = str => {

    let subs = []
    let char = ''
    let j = 0

    for( let i = 0; i < str.length; i++ ) {

        char = str[i]

        if(str[i] === char.toUpperCase()) {
            subs.push(str.slice(j, i))
            j = i
        }

        if(i == str.length - 1) {
            subs.push(str.slice(j, str.length))
        }
    }

    return subs.map(el => (el.charAt(0).toLowerCase() + el.substr(1, el.length))).join('-')
}

kebabize('myNameIsStack')

Answer 1

我有一个类似于 Marc 的单行代码，但具有更简单的正则表达式，并且根据我的基准测试（Chrome 89），速度提高了约 20%。

const kebabize = (str) => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? "-" : "") + $.toLowerCase())

const words = ['StackOverflow', 'camelCase', 'alllowercase', 'ALLCAPITALLETTERS', 'CustomXMLParser', 'APIFinder', 'JSONResponseData', 'Person20Address', 'UserAPI20Endpoint'];

console.log(words.map(kebabize));

[A-Z]+(?![a-z])匹配任何连续的大写字母，不包括任何大写字母后跟小写字母（表示下一个单词）。然后添加|[A-Z]包括任何单个大写字母。它必须在连续大写表达式之后，否则表达式将单独匹配所有大写字母，并且永远不会匹配连续的。

String.prototype.replace可以带替换功能。在这里，当匹配偏移量为真（不为零 - 不是字符串的第一个字符）时，在添加连字符前缀后，它返回每个单词的小写匹配大写字母。

我怀疑 Marc 的解决方案比我的解决方案性能较差，因为通过使用替换来插入连字符并随后将整个字符串小写，它必须多次迭代字符串，并且其表达式还具有更复杂的前向/后向结构。

基准

Answer 2

正则表达式更快！

与您可能想象的不同，RegEx 的执行方式实际上要快得多！请参阅基准。

下面的函数支持将camelCase和转换PascalCase为kebab-case：

function toKebabCase(str) {
    return str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
}

Answer 3

const kebabize = str => {
   return str.split('').map((letter, idx) => {
     return letter.toUpperCase() === letter
      ? `${idx !== 0 ? '-' : ''}${letter.toLowerCase()}`
      : letter;
   }).join('');
}

console.log(kebabize('myNameIsStack'));
console.log(kebabize('MyNameIsStack'));

您可以检查每个字母是否为大写并替换它。

Answer 4

这是我的解决方案：

适用于驼峰命名法和帕斯卡命名法：

let words = ['StackOverflow', 'camelCase', 'alllowercase', 'ALLCAPITALLETTERS', 'CustomXMLParser', 'APIFinder', 'JSONResponseData', 'Person20Address', 'UserAPI20Endpoint'];

let result = words.map(w => w.replace(/((?<=[a-z\d])[A-Z]|(?<=[A-Z\d])[A-Z](?=[a-z]))/g, '-$1').toLowerCase());

console.log(result);

/*

Returns:
[
  "stack-overflow",
  "camel-case",
  "alllowercase",
  "allcapitalletters",
  "custom-xml-parser",
  "api-finder",
  "json-response-data",
  "person20-address",
  "user-api20-endpoint"
]

*/

解释：

1. 匹配以下任意正则表达式：

• 查找任何大写字母，其前面紧跟着一个小写字母或数字，或者
• 查找前面紧跟一个大写字母的任何大写字母或后面紧跟一个小写字母的数字

2. 将捕获的位置替换为破折号（“-”），后跟捕获的大写字母
3. 最后，将整个字符串转换为小写。