В этом посте мы рассмотрим, как можно превратить любую строку в верблюжьем регистре в обычную строку в JS JavaScript.
Шаг 1 — Разбиение верблюжьего регистра
Возьмем пример — «checkThisOutBro».
Теперь мы хотим преобразовать эту строку в camelCase в «Check This Out Bro».
Для этого мы воспользуемся регексом.
const camelToFlat=(camel)=>{
const camelCase =camel.replace(/([a-z])([A-Z])/g, '$1 $2')
return camelCase
}
Это даст нам
check This Out Bro
хммммм, ну по крайней мере это уже простая строка, давайте улучшим ее лучше
Шаг 2 — Извлечение каждой буквы из этой строки…
Итак, после получения
check This Out Bro
мы можем использовать функцию split() с » » в качестве аргумента, чтобы разбить ее на массив с каждым словом в качестве элемента.
const camelToFlat=(camel)=>{
const camelCase =camel.replace(/([a-z])([A-Z])/g, '$1 $2').split(" ")
return camelCase
}
Это вернет [ 'check', 'This', 'Out', 'Bro' ] в качестве вывода, и теперь у нас есть массив слов в этом camelCase.
«Вау, Суяш, ты сказал, что мы будем менять camelCase на string, как же так, теперь это массив?».
Подождите минутку, мы снова сделаем его строкой, только лучше!
Шаг 3 — Делаем каждую первую букву заглавной!
Теперь, когда у нас есть массив слов для строки, мы можем просто запустить цикл и сделать каждую букву или символ с индексом 0 заглавной.
const camelToFlat=(camel)=>{
const camelCase =camel.replace(/([a-z])([A-Z])/g, '$1 $2').split(" ")
let flat =""
camelCase.forEach(word=>{
flat = flat + word.charAt(0).toUpperCase() + word.slice(1) + " "
})
return flat
}
После этого наша функция возьмет каждое слово в массиве camelCase, преобразует его первую букву (с индексом 0) в заглавную и соединит ее с другими, чтобы получилась строка
«POOOOOF! Magic»
И теперь наш результат будет Check This Out Bro.
Snippet Sauce ссылка для фрагмента кода !
Это обычно используется при выводе ключей объекта в приложениях ( Objects.keys(yourObject) возвращает массив ). И обычно ключи в camelCase, поэтому вы хотите, чтобы они были обычной строкой, но с динамическим способом…
Если вам понравился блог, пожалуйста, оставьте ❤️.