如何使用 JavaScript 将字符串转换为 kebab 大小写？

给定一个带有空格分隔或驼峰式或蛇形字母的字符串，任务是找到以下字符串的 kebab 大小写。

举些例子 ：

Input:  Geeks For Geeks
Output: geeks-for-geeks

Input:   GeeksForGeeks
Output:  geeks-for-geeks

Input:  Geeks_for_geeks
Output: geeks-for-geeks

这可以通过以下方式实现：

方法一：使用替换方法

这里我们有一个名为 kebabCase 的函数，它接受一个字符串并在转换 kebab 大小写后返回一个字符串。这里我们使用了两次替换方法，因为第一个替换方法是获取所有靠近大写字母的字母并用连字符替换它们。第二个替换函数用于获取空格和下划线并用连字符替换它们。

Javascript

    const kebabCase = string => string
        .replace(/([a-z])([A-Z])/g, "$1-$2")
        .replace(/[\s_]+/g, '-')
        .toLowerCase();
  
    console.log(kebabCase('Geeks For Geeks'));
    console.log(kebabCase('GeeksForGeeks'));
    console.log(kebabCase('Geeks_For_Geeks'));

输出：

geeks-for-geeks
geeks-for-geeks
geeks-for-geeks

方法2：使用匹配方法

在这里，我们使用 map 方法来检查空格、大写字母和下划线。它创建一个数组并推送分隔字符串的单词。现在使用join() 将数组与连字符连接起来。之后将整个字符串转换为小写。

Javascript

    const kebabCase = str => str
        .match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)
        .join('-')
        .toLowerCase();
  
    console.log(kebabCase('Geeks For Geeks'));
    console.log(kebabCase('GeeksForGeeks'));
    console.log(kebabCase('Geeks_For_Geeks'));

输出：

geeks-for-geeks
geeks-for-geeks
geeks-for-geeks