JavaScript:
Зробити першу літеру рядка великою

Як це зробити:

У JavaScript немає вбудованого методу для безпосереднього перетворення рядків з великої літери, але це легко реалізувати, використовуючи базові методи маніпуляцій з рядками.

Використання стандартного JavaScript

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

console.log(capitalize('hello world')); // Вивід: "Hello world"

Версія ES6

За допомогою літералів шаблонів ES6 функцію можна записати більш лаконічним способом:

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

console.log(capitalize('hello ES6')); // Вивід: "Hello ES6"

Використання Lodash

Lodash - це популярна допоміжна бібліотека третьої сторони, яка пропонує широкий спектр функцій для маніпуляції та роботи з JavaScript значеннями, включно з рядками. Для перетворення рядка з великої літери за допомогою Lodash:

// Спочатку встановіть lodash, якщо ви ще не зробили це: npm install lodash
const _ = require('lodash');

console.log(_.capitalize('LODASH example')); // Вивід: "Lodash example"

Зверніть увагу, що Lodash не тільки перетворює першу літеру на велику, але й перетворює решту рядка на малі літери, що відрізняється від реалізації на чистому JavaScript.

Використання CSS (Тільки для відображення)

Якщо мета - перетворити текст для відображення в UI, можна використовувати CSS:

.capitalize {
  text-transform: capitalize;
}

<div class="capitalize">hello css</div> <!-- Відображається як "Hello css" -->

Примітка: Цей метод змінює спосіб відображення тексту на веб-сторінці без змін самого рядка в JavaScript.