TypeScript:
Zamiana liter na wielkie w łańcuchu znaków
Jak to zrobić:
TypeScript, będąc nadzbiorem JavaScript, umożliwia różne metody kapitalizacji łańcuchów, od czystych podejść w JavaScript po wykorzystanie bibliotek stron trzecich do bardziej złożonych lub specyficznych przypadków użycia.
Podejście czystego JavaScript:
function capitalize(str: string): string {
return str.charAt(0).toUpperCase() + str.slice(1);
}
// Przykładowe wyjście:
console.log(capitalize('hello TypeScript!')); // 'Hello TypeScript!'
Ta metoda jest prosta i opiera się na metodzie charAt()
, aby uzyskać dostęp do pierwszego znaku ciągu oraz toUpperCase()
, aby przekształcić go na dużą literę. Metoda slice(1)
następnie pobiera resztę ciągu, pozostawiając ją bez zmian.
Korzystanie z biblioteki Lodash:
Dla projektów już wykorzystujących bibliotekę Lodash, można wykorzystać jej funkcję _.capitalize
do osiągnięcia tego samego wyniku z mniejszą ilością kodu.
Najpierw zainstaluj Lodash:
npm install lodash
Następnie użyj go w swoim pliku TypeScript:
import * as _ from 'lodash';
// Przykładowe wyjście:
console.log(_.capitalize('hello TypeScript!')); // 'Hello typescript!'
Uwaga: Metoda _.capitalize
biblioteki Lodash konwertuje resztę ciągu na małe litery, co może nie zawsze być pożądanym efektem.
Korzystanie z wyrażenia regularnego:
Wyrażenie regularne może zapewnić zwięzły sposób na kapitalizację pierwszej litery ciągu, szczególnie jeśli potrzebujesz kapitalizować pierwszą literę każdego słowa w ciągu.
function capitalizeWords(str: string): string {
return str.replace(/\b\w/g, char => char.toUpperCase());
}
// Przykładowe wyjście:
console.log(capitalizeWords('hello typescript world!')); // 'Hello Typescript World!'
Ta metoda wykorzystuje funkcję replace()
do wyszukiwania dowolnego granicznika słowa po którym następuje alfanumeryczny znak (\b\w
), kapitalizując każde dopasowanie. Jest szczególnie przydatna dla tytułów lub nagłówków.