如何将短横线式命名转换为帕斯卡式命名？

Question

我该如何将此转换为PascalCase和camelCase？

var text = "welcome-to-a-New-day";
toPascalCase(text); // "WelcomeToANewDAY"
toCamelCase(text); // "WelcomeToANewDAY"

- Benedict Ng-Wai

---

你尝试过什么了吗？ - ashish singh

正在尝试正则表达式。 - Benedict Ng-Wai

你可以查看名为 split 的函数，看看它是否可以帮助你。 - ashish singh

可能是重复的问题：在JavaScript中将字符串转换为Pascal Case（也称为UpperCamelCase） - nick zoum

可能是将任何字符串转换为驼峰命名法的重复问题。 - jpeg

Answer 1

实现这个功能的完全符合ES5的方法是，使用这个简单的正则表达式/-\w/g查找所有后跟字母数字字符的破折号。然后只需删除破折号并将字符大写。

同样的，在帕斯卡命名法中也可以通过检查字符串中的第一个字符^\w|-\w来完成。其余部分相同。

以下是一些示例：

console.log(toCamelCase("welcome-to-a-New-day"));
console.log(toPascalCase("welcome-to-a-New-day"));
console.log(toCamelCase("bsd-asd-csd"));
console.log(toPascalCase("bsd-asd-csd"));

function toCamelCase(text) {
  return text.replace(/-\w/g, clearAndUpper);
}

function toPascalCase(text) {
  return text.replace(/(^\w|-\w)/g, clearAndUpper);
}

function clearAndUpper(text) {
  return text.replace(/-/, "").toUpperCase();
}

- nick zoum

Answer 2

你可以使用replace和RegExp来实现。最初的回答是这样的。

let string = "welcome-to-a-New-day"
function toPascalCase(str){
  let arr = str.split('-');
  let last = arr[arr.length - 1];
  str = str.replace(/-\w/g,(x) => `${x[1].toUpperCase()}`)
  str = str[0].toUpperCase() + str.substring(1,str.length - last.length) + last.toUpperCase();
  return str;
}
function toCamelCase(str){
   return str.replace(/-\w/g,(x) => `${x[1].toUpperCase()}`)
}
console.log(toPascalCase(string))
console.log(toCamelCase(string))

- Maheer Ali

Answer 3

最初的回答

你要的内容来了

    function capitalizeFirstLetter(string) {
        return string.charAt(0).toUpperCase() + string.slice(1);
    }

    function getPascalFromSnake(input){
      return input.split("-").map(capitalizeFirstLetter).join("")
    }

    function getCamelFromSnake(input){
      var toReturn = getPascalFromSnake(input);
      return toReturn.charAt(0).toLowerCase() + toReturn.slice(1);
    }

- Shivam Tiwari

Answer 4

const myString = 'welcome-to-a-New-day';

function capitalize(string) {
    // take first character, uppercase it
    // add the rest of the string
    return string.charAt(0).toUpperCase() + string.slice(1);
}

function pascalize (string) {
  // splitting words by dash
  const words = string.split('-')
  // use capitalize function to capitalize every word
  const capitalized = words.map(word => capitalize(word))
  // glue up words with .join()
  return capitalized.join('')
}

function camelize (string) {
  // splitting words by dash
  const words = string.split('-')
  // use capitalize function to capitalize every but first word
  const capitalized = words.map((word, index) => {
    if (index === 0) return word
    return capitalize(word)
  })
  // glue up words with .join()
  return capitalized.join('')
}

console.log(pascalize(myString))
console.log(camelize(myString))

- dporechny

Answer 5

@Nick的答案，只需要一个函数：

function toPascalCase(text) {
  return text.replace(/(^\w|-\w)/g, (text) => text.replace(/-/, "").toUpperCase());
}

- Artur Müller Romanov

Answer 6

首先在字符串前面加上一个破折号，然后将每个-\w替换为只有大写字母的字符，省略破折号。

function pascalCase(str) {
  return `-${str}`.replace(/-\w/g, (c) => c[1].toUpperCase())
}

- efoken

Answer 7

这里有一种使用 string.replace() 和正则表达式的方法：

const camelCase = str => str.replace(/\s*-\s*\w/g, parts => parts[parts.length-1].toUpperCase());
const pascalCase = str => camelCase(str).replace(/^\w/, s => s.toUpperCase());

const cases = str => ({ pascal: pascalCase(str), camel: camelCase(str) });

console.log(cases('welcome-to-a-New-day'));
console.log(cases('welcome -to-a- New - day'));

- jo_va

---

直接烤肉串转换为帕斯卡命名法的替代方案 - str.replace(/(^\w)|(-\w)/g, (gr0, gr1, gr2) => gr1?.toUpperCase() ?? gr2[gr2.length-1].toUpperCase()) - Sølve T.

Answer 8

function getCase(str) {
  let arr= str.split("-");

  return arr.reduce((acc, word,i)=>{
      let lower = word.toLowerCase(),
            cap = lower.slice(0,1).toUpperCase() + lower.slice(1);

      return {
         camel: i === 0 ? lower : acc.camel + cap,
         pascal: acc.pascal + cap
     }
  },{camel:"",pascal:""})
}

- cantuket