TypeScript:
Merkkijonon muuttaminen isoiksi kirjaimiksi

Kuinka:

TypeScript, ollessaan JavaScriptin yläjoukko, tarjoaa erilaisia menetelmiä merkkijonojen alkukirjaimen suurennukseen, alkaen puhtaista JavaScript-lähestymistavoista kolmansien osapuolien kirjastojen hyödyntämiseen monimutkaisemmissa tai tiettyjä käyttötapauksia varten.

Puhtaan JavaScriptin lähestymistapa:

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

// Esimerkkituloste:
console.log(capitalize('hello TypeScript!')); // 'Hello TypeScript!'

Tämä menetelmä on yksinkertainen ja se nojaa charAt()-metodiin ensimmäisen merkin saamiseksi merkkijonosta ja toUpperCase()-metodiin sen muuttamiseksi suuraakkoseksi. slice(1)-metodi hakee sitten lopun merkkijonosta, jättäen sen muuttumattomaksi.

Käyttäen Lodash-kirjastoa:

Projekteissa, jotka jo käyttävät Lodash-kirjastoa, voit hyödyntää sen _.capitalize-funktiota saavuttaaksesi saman tuloksen vähemmällä rungolla.

Asenna ensin Lodash:

npm install lodash

Käytä sitten sitä TypeScript-tiedostossasi:

import * as _ from 'lodash';

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

Huom: Lodashin _.capitalize-metodi muuntaa lopun merkkijonon pienaakkosiksi, mikä ei välttämättä aina ole toivottua.

Käyttäen säännöllistä lauseketta:

Säännöllinen lauseke voi tarjota suppean tavan suurentaa merkkijonon ensimmäinen kirjain, erityisesti jos tarvitset suurentaa jokaisen sanan ensimmäisen kirjaimen merkkijonossa.

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

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

Tämä menetelmä käyttää replace()-funktiota etsimään sanojen rajoja seuraavan kirjaimen tai numeron (\b\w), suurentaen jokaisen vastaavuuden. Se on erityisen kätevä otsikoille tai otsakkeille.