Sette stor bokstav i en streng

JavaScript:
Sette stor bokstav i en streng

Hvordan:

I JavaScript finnes det ikke en innebygd metode for direkte å kapitalisere strenger, men det er enkelt å implementere ved bruk av grunnleggende strengmanipuleringsmetoder.

Ved bruk av standard JavaScript

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

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

ES6-versjon

Med ES6-maltegnstrenge kan funksjonen skrives på en mer kortfattet måte:

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

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

Ved bruk av Lodash

Lodash er et populært tredjeparts nyttebibliotek som tilbyr et bredt spekter av funksjoner for å manipulere og arbeide med JavaScript-verdier, inkludert strenger. For å kapitalisere en streng ved hjelp av Lodash:

// Installer først lodash hvis du ikke allerede har: npm install lodash
const _ = require('lodash');

console.log(_.capitalize('LODASH eksempel')); // Utdata: "Lodash eksempel"

Merk hvordan Lodash ikke bare kapitaliserer den første bokstaven, men også konverterer resten av strengen til små bokstaver, noe som avviker noe fra den enkle JavaScript-implementeringen.

Ved bruk av CSS (Kun for visningsformål)

Hvis målet er å kapitalisere tekst for visning i UI, kan CSS brukes:

.capitalize {
  text-transform: capitalize;
}
<div class="capitalize">hello css</div> <!-- Viser som "Hello css" -->

Merk: Denne metoden endrer hvordan teksten ser ut på nettsiden uten å endre selve strengen i JavaScript.