Используйте заглавную букву после дефиса в javascript

Я хотел бы знать, как использовать первую букву после дефиса в строке с помощью javascript. Если нет дефиса, ул должен быть в нижнем регистре

var result = capitalize("js-script");

function capitalize(str){
 return str.split("-")[1].charAt(0).toUpperCase()+ str.slice(1);
}

Ожидаемый результат:

js-script => js-Script  
tom => tom
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
1
214
4
Перейти к ответу Данный вопрос помечен как решенный

Ответы 4

Ответ принят как подходящий

Вместо этого рассмотрите возможность использования регулярного выражения — сопоставьте - и буквенный символ и замените на - и этот символ слова с заглавной буквы:

const capitalize = (str) => str.replace(/-([a-z])/g, (_, char) => '-' + char.toUpperCase());

console.info(capitalize("js-script"));
console.info(capitalize("foo-bar-baz"));

Чтобы исправить исходный код, если во входных данных будет только один -, вам нужно сохранить остальные символы в части после - (а не только charAt(0)):

function capitalize(str) {
  if (!str.includes('-')) {
    return str;
  }
  const [before, after] = str.split("-");
  return before + '-' + after.charAt(0).toUpperCase() + after.slice(1);
}
console.info(capitalize('foo-bar'));
console.info(capitalize('foo'));

использование [a-z] лучше, чем \w будет пытаться изменить _ and digits на верхний регистр, что не имеет значения,

Code Maniac 17.07.2019 06:06

Вы можете просто использовать регулярное выражение и заменить метод

-[a-z]

  • - - соответствует символу -
  • [a-z] - соответствует любому символу от a до z

function capitalize(str){
 return typeof str === 'string' ? str.replace(/-([a-z])/gi,(m,g1)=> `-${g1.toUpperCase()}`) : str
}

console.info(capitalize("js-script"))
console.info( capitalize("tom"))

Вы можете использовать регулярное выражение и посмотреть, чтобы сделать это:

console.info(capitalize("js-script"));

function capitalize(str){
 return str.replace(/(?<=-)\w/g, (text) => text.toUpperCase());
}

Вам не нужно избегать дефиса

Phil 17.07.2019 06:08

Ты можешь это сделать,

function capitalize(str){
  let arrSplit = str.split("-")
  let joinArray = [];
  for(var i=0;i<arrSplit.length;i++){
    if (i==0){
       joinArray.push(arrSplit[i]);
    }else{
      joinArray.push(arrSplit[i].charAt(0).toUpperCase()+arrSplit[i].slice(1));
    }
  }
 return joinArray.join("-",)
}

console.info(capitalize("js-script"))
console.info(capitalize("js-script-again"))
<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Другие вопросы по теме