TypeScript:
Capitalizzare una stringa

Come fare:

TypeScript, essendo un superset di JavaScript, permette vari metodi per capitalizzare le stringhe, che vanno dagli approcci puramente JavaScript all’utilizzo di librerie di terze parti per casi d’uso più complessi o specifici.

Approccio JavaScript Puro:

function capitalize(str: string): string {
  return str.charAt(0).toUpperCase() + str.slice(1);
}

// Esempio di Output:
console.log(capitalize('hello TypeScript!')); // 'Hello TypeScript!'

Questo metodo è diretto e si affida al metodo charAt() per accedere al primo carattere della stringa e toUpperCase() per convertirlo in maiuscolo. Il metodo slice(1) recupera poi il resto della stringa, lasciandolo inalterato.

Utilizzando la Libreria Lodash:

Per i progetti che già utilizzano la libreria Lodash, è possibile utilizzare la sua funzione _.capitalize per ottenere lo stesso risultato con meno codice boilerplate.

Prima, installa Lodash:

npm install lodash

Poi, usalo nel tuo file TypeScript:

import * as _ from 'lodash';

// Esempio di Output:
console.log(_.capitalize('hello TypeScript!')); // 'Hello typescript!'

Nota: Il metodo _.capitalize di Lodash converte il resto della stringa in minuscolo, il che potrebbe non essere sempre desiderabile.

Utilizzando un’espressione regolare:

Un’espressione regolare può fornire un modo conciso per capitalizzare la prima lettera di una stringa, specialmente se è necessario capitalizzare la prima lettera di ogni parola in una stringa.

function capitalizeWords(str: string): string {
  return str.replace(/\b\w/g, char => char.toUpperCase());
}

// Esempio di Output:
console.log(capitalizeWords('hello typescript world!')); // 'Hello Typescript World!'

Questo metodo usa la funzione replace() per cercare qualsiasi confine di parola seguito da un carattere alfanumerico (\b\w), capitalizzando ogni corrispondenza. È particolarmente utile per titoli o intestazioni.