הגדלת אותיות במחרוזת

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 (למטרות הצגה בלבד)

אם המטרה היא לעשות שימוש באותיות ראשיות לצורך הצגה בממשק המשתמש, ניתן להשתמש ב-CSS:

.capitalize {
  text-transform: capitalize;
}
<div class="capitalize">hello css</div> <!-- מוצג כ-"Hello css" -->

הערה: שיטה זו משנה את האופן שבו הטקסט מופיע על הדף ללא שינוי של המחרוזת עצמה ב-JavaScript.