如何将 kebab-case 转换为 PascalCase？

Question

如何将其转换为 PascalCase 和 camelCase？

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

Answer 1

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

对于 pascal 大小写也可以通过使用 ^\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();
}

Answer 2

这是一种使用 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'));

Answer 3

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))

Answer 4

你可以使用 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))

Answer 5

给你

    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);
    }

Answer 6

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:""})
}

如何将 kebab-case 转换为 PascalCase？

How do I covert kebab-case into PascalCase?

javascript

camelcasing

pascalcasing

kebab-case