كيفية تكبير الحرف الأول من سلسلة في JavaScript

تقدم JavaScript طرقًا عديدة لكتابة سلسلة أحرف بأحرف كبيرة لجعل الحرف الأول كبيرًا. تعرف على الطرق المختلفة ، واكتشف أيضًا الطريقة التي يجب عليك استخدامها ، باستخدام JavaScript عادي

واحدة من أكثر العمليات شيوعًا مع السلاسل هي جعل السلسلة كبيرة: اجعل الحرف الأول كبيرًا ، وترك باقي السلسلة كما هي.


أفضل طريقة للقيام بذلك هي من خلال الجمع بين وظيفتين. أحدهما يقوم بتكبير الحرف الأول ، والثاني يقطع السلسلة ويعيدها بدءًا من الحرف الثاني:

const name = 'flavio'
const nameCapitalized = name.charAt(0).toUpperCase() + name.slice(1)

يمكنك استخراج ذلك إلى دالة ، والتي تتحقق أيضًا مما إذا كانت المعلمة التي تم تمريرها عبارة عن سلسلة ، وتعيد سلسلة فارغة إذا لم تكن كذلك:

const capitalize = (s) => {
  if (typeof s !== 'string') return ''
  return s.charAt(0).toUpperCase() + s.slice(1)
}

capitalize(‘flavio’) //‘Flavio’ capitalize(‘f’) //‘F’ capitalize(0) //’’ capitalize({}) //’’

بدلا من استخدام ملفاتs.charAt(0)يمكنك أيضًا استخدام فهرسة السلسلة (غير مدعومة في إصدارات IE القديمة):s[0].

تدعو بعض الحلول عبر الإنترنت إلى إضافة الوظيفة إلى نموذج String الأولي:

String.prototype.capitalize = function() {
  return this.charAt(0).toUpperCase() + this.slice(1)
}

(نستخدم وظيفة عادية للاستفادة منهاthis-وظائف السهمستفشل في هذه الحالة ، كماthisفي دالات السهم لا يشير إلى الكائن الحالي)

هذا الحل ليس مثاليًا ، لأن تحرير النموذج الأولي غير موصى به بشكل عام ، وهو حل أبطأ بكثير من وجود وظيفة مستقلة.


لا تنس أنه إذا كنت ترغب فقط في الاستفادة من أغراض العرض على صفحة ويب ، فقد تكون CSS حلاً أفضل ، فقط أضفcapitalizeفئة إلى فقرة HTML الخاصة بك واستخدم:

p.capitalize {
  text-transform: capitalize;
}

المزيد من دروس js: