JavaScript:
Merkkijonon muuttaminen isoiksi kirjaimiksi

Kuinka:

JavaScriptissä ei ole valmista metodia merkkijonojen alkukirjainten suurentamiseen suoraan, mutta sen toteuttaminen perus merkkijonojen käsittelymetodien avulla on suoraviivaista.

Käyttäen standardi JavaScriptiä

function capitalize(str) {
  if (!str) return '';
  return str.charAt(0).toUpperCase() + str.slice(1);
}

console.log(capitalize('hello world')); // Tuloste: "Hello world"

ES6 Versio

ES6:n mallipohjaisilla literaaleilla funktio voidaan kirjoittaa tiiviimmässä muodossa:

const capitalize = (str) => !str ? '' : `${str[0].toUpperCase()}${str.slice(1)}`;

console.log(capitalize('hello ES6')); // Tuloste: "Hello ES6"

Käyttäen Lodashia

Lodash on suosittu kolmannen osapuolen apukirjasto, joka tarjoaa laajan valikoiman funktioita JavaScript-arvojen, mukaan lukien merkkijonojen, käsittelyyn ja työstämiseen. Merkkijonon alkukirjaimen suurentamiseen Lodashin avulla:

// Ensin, asenna lodash jos et ole vielä asentanut: npm install lodash
const _ = require('lodash');

console.log(_.capitalize('LODASH example')); // Tuloste: "Lodash example"

Huomaa, kuinka Lodash paitsi suurentaa ensimmäisen kirjaimen myös muuttaa loput merkkijonosta pieniksi kirjaimiksi, mikä eroaa hieman pelkän JavaScriptin toteutuksesta.

Käyttäen CSS:ää (Vain näyttötarkoituksiin)

Jos tavoitteena on merkkijonon alkukirjaimen suurentaminen käyttöliittymässä näyttämistä varten, voidaan käyttää CSS:ää:

.capitalize {
  text-transform: capitalize;
}

<div class="capitalize">hello css</div> <!-- Näkyy muodossa "Hello css" -->

Huomio: Tämä menetelmä muuttaa tekstin ulkoasua verkkosivulla muuttamatta itse merkkijonoa JavaScriptissä.