Zamiana liter na wielkie w łańcuchu znaków

JavaScript:
Zamiana liter na wielkie w łańcuchu znaków

Jak to zrobić:

W JavaScript nie ma wbudowanej metody bezpośrednio przeznaczonej do zmiany pierwszej litery ciągu na wielką, ale można to łatwo zrealizować, korzystając z podstawowych metod manipulacji ciągami.

Używając standardowego JavaScript

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

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

Wersja ES6

Z wykorzystaniem literałów szablonowych z ES6, funkcję można zapisać w bardziej zwięzły sposób:

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

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

Używając Lodash

Lodash to popularna biblioteka pomocnicza osób trzecich, oferująca szeroki zakres funkcji do manipulacji wartościami JavaScript, w tym ciągami znaków. Aby uczynić pierwszą literę ciągu wielką za pomocą Lodash:

// Najpierw zainstaluj lodash, jeśli jeszcze tego nie zrobiłeś: npm install lodash
const _ = require('lodash');

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

Zwróć uwagę, że Lodash nie tylko zamienia pierwszą literę na wielką, ale również konwertuje resztę ciągu na małe litery, co różni się nieco od prostej implementacji w JavaScript.

Używając CSS (Tylko do celów wyświetlania)

Jeśli celem jest uczynienie tekstu z wielką literą na początku do wyświetlenia w interfejsie użytkownika, można użyć CSS:

.capitalize {
  text-transform: capitalize;
}
<div class="capitalize">hello css</div> <!-- Wyświetla się jako "Hello css" -->

Uwaga: Ta metoda zmienia sposób wyświetlania tekstu na stronie internetowej, bez zmiany samego ciągu znaków w JavaScript.