JavaScript 如何将连字符转换为驼峰形式

给定一个包含连字符（-）的字符串，任务是使用JavaScript将连字符（-）转换为驼峰形式。

方法：

• 将包含连字符的字符串存储在一个变量中。
• 然后使用RegExp来替换连字符并将单词的首字母转为大写。

示例1： 此示例使用RegExp和replace()方法将连字符（’-‘)转换为驼峰形式。

let str = "this-is-geeks-for-geeks";
 
console.log("original string:" + str);
 
function gfg_Run() {
    console.log(str.replace(/-([a-z])/g,
        function (g) { return g[1].toUpperCase(); }));
}
gfg_Run()

输出

original string:this-is-geeks-for-geeks
thisIsGeeksForGeeks

示例2： 这个示例与上一个示例非常相似，通过使用 RegExp和replace()方法 ，将 连字符（“ – ”） 转换为驼峰式写法。

let str = "-a-computer-science-portal-for-geeks";
 
console.log("original string:" + str);
 
function gfg_Run() {
    console.log(str.replace(/-([a-z])/g,
        function (m, s) {
            return s.toUpperCase();
        }));
}
gfg_Run()

输出

original string:-a-computer-science-portal-for-geeks
AComputerSciencePortalForGeeks

示例3： 在这个示例中，HTML文档有一个包含标题的容器，一个标有“文本”的段落，其中包含一个用连字符分隔的字符串，以及一个标有“btn”的按钮。当按钮被点击时，一个名为“converter”的函数将字符串转换为驼峰式，并将其设置为段落的文本内容。“converter”函数将带有连字符的字符串拆分成一个单词数组，对每个单词进行驼峰式转换，然后使用空字符串分隔符将这些单词串联在一起。

const converter = (str) => {
    return str.split('-').map((word, index) => {
        if (index === 0) {
            return word;
        }
        return word.charAt(0).toUpperCase() + word.slice(1);
    }).join('');
};
 
const hyphenText = "geek -for-geeks - computer - science - portal -for-geeks"
 
function convert() {
    const hyphen = hyphenText.trim();
    const camel = converter(hyphen);
    console.log(camel);
};
convert()

输出

geek ForGeeks  computer  science  portal ForGeeks