أنواع معالجة السلاسل المضمّنة
استخدموا Uppercase وLowercase وCapitalize وUncapitalize
أنواع معالجة السلاسل المضمّنة درس مجاني في TypeScript Academy على CoddyKit. هذا هو الدرس 4 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في TypeScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة TypeScript Academy 4 دروس في المجموع.
محوّلات السلاسل النصية المضمّنة
يوفّر TypeScript أربعة أنواع مضمّنة لمعالجة السلاسل النصية: Uppercase وLowercase وCapitalize وUncapitalize. وهي تحوّل أنواع القيم الحرفية النصية في وقت الترجمة، من دون أي تكلفة في وقت التشغيل.
Uppercase
يحوّل Uppercase<S> كل محرف في نوع قيمة حرفية نصية إلى أحرف كبيرة. وتصبح القيمة الحرفية 'hello' من النوع 'HELLO'.
type Loud = Uppercase<"hello"> // "HELLO"
const x: Loud = "HELLO"
console.log(x)Lowercase
ينفّذ Lowercase<S> العملية العكسية، إذ يحوّل كل محرف إلى أحرف صغيرة. وتصبح 'HELLO' هي 'hello'.
type Quiet = Lowercase<"HELLO"> // "hello"
const x: Quiet = "hello"
console.log(x)Capitalize
يحوّل Capitalize<S> المحرف الأول فقط إلى حرف كبير، ويترك بقية المحارف من دون تغيير. وتصبح 'name' هي 'Name'.
type Title = Capitalize<"name"> // "Name"
const x: Title = "Name"
console.log(x)Uncapitalize
يحوّل Uncapitalize<S> المحرف الأول فقط إلى حرف صغير. وتصبح 'Name' هي 'name'، وهذا مفيد لتحويل المفاتيح المكتوبة بصيغة PascalCase إلى camelCase.
type Camel = Uncapitalize<"Name"> // "name"
const x: Camel = "name"
console.log(x)تحويل اتحاد
عند تطبيق نوع مضمّن على اتحاد، فإنه يحوّل كل عضو من أعضائه. فنتيجة تطبيق Uppercase على 'a' | 'b' هي 'A' | 'B'.
type Keys = "id" | "name"
type Upper = Uppercase<Keys> // "ID" | "NAME"
const k: Upper = "ID"
console.log(k)الدمج مع القيم الحرفية للقوالب
تظهر قوة الأنواع المضمّنة خصوصًا داخل أنواع القيم الحرفية للقوالب. فقالب يضع get قبل تطبيق Capitalize على حقل ما ينشئ أسماء دوال getter، مثل دالة getter لحقل الاسم.
type Field = "name" | "age"
// template: get + Capitalize<Field> => "getName" | "getAge"
const g: "getName" | "getAge" = "getName"
console.log(g)إنشاء أسماء المفاتيح في الأنواع المعادلة
داخل إعادة تعيين مفاتيح النوع المعادل، تنشئ الأنواع المضمّنة أسماء خصائص محوّلة، مثل تحويل كل خاصية إلى مفتاح معالج يبدأ بحرف كبير.
type Events = "click" | "drag"
// { [E in Events as on + Capitalize<E>]: () => void }
// produces keys onClick and onDrag
const handlers: { onClick: () => void } = { onClick: () => {} }
console.log(typeof handlers.onClick)تسلسل الأنواع المضمّنة
يمكنك تداخل الأنواع المضمّنة لتركيب التحويلات، فمثلًا يُستخدم عادةً تطبيق Capitalize على سلسلة نصية ناتجة من Lowercase لتوحيد حالة الأحرف.
type Normalized = Capitalize<Lowercase<"hELLO">> // "Hello"
const x: Normalized = "Hello"
console.log(x)في وقت الترجمة فقط
لا وجود لهذه الأنواع في وقت التشغيل. ولتحويل قيمة سلسلة نصية فعلية، ما زلت تستدعي أساليب مثل toUpperCase()؛ إذ تقتصر وظيفة الأنواع المضمّنة على تشكيل الأنواع الساكنة.
function shout<S extends string>(s: S): Uppercase<S> {
return s.toUpperCase() as Uppercase<S>
}
console.log(shout("hi")) // HI, typed as "HI"
استخدامات عملية
استخدم الأنواع المضمّنة لاشتقاق أسماء الثوابت، ومفاتيح الأحداث، وأسماء دوال getter وsetter، ولتوحيد حالة أحرف مفاتيح الإعدادات ذات الأنواع الحرفية، مع التحقق من كل ذلك بواسطة المترجم.
type Action = "add" | "remove"
type ActionType = Uppercase<Action> // "ADD" | "REMOVE"
const a: ActionType = "ADD"
console.log(a)تحقق سريع
اختبر فهمك للأنواع الحرفية النصية المضمّنة.
مراجعة
تحوّل الأنواع المضمّنة Uppercase وLowercase وCapitalize وUncapitalize أنواع القيم الحرفية النصية في وقت الترجمة، وتُطبَّق على أعضاء الاتحادات، كما يمكن تركيبها مع أنواع القيم الحرفية للقوالب والأنواع المعادلة لإنشاء أسماء المفاتيح والمعالجات. ولا سلوك لها في وقت التشغيل؛ فاستخدم أساليب السلاسل النصية الفعلية للتحويل أثناء التشغيل، بينما تتولى هذه الأنواع تشكيل الأنواع الساكنة.
الأسئلة الشائعة
هل درس «أنواع معالجة السلاسل المضمّنة» مجاني؟
نعم — نص درس «أنواع معالجة السلاسل المضمّنة» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة TypeScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة TypeScript Academy 4 دروس في المجموع.
ماذا ستتعلم في «أنواع معالجة السلاسل المضمّنة»؟
استخدموا Uppercase وLowercase وCapitalize وUncapitalize تتمرن على TypeScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ TypeScript Academy؟
لا تُشترط خبرة سابقة. TypeScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 4 من أصل 4.
كم من الوقت يستغرق درس «أنواع معالجة السلاسل المضمّنة»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس TypeScript Academy هذا؟
نعم. كل درس في TypeScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- أساسيات الأنواع الحرفية للقوالب النصية
- نمذجة السلاسل المهيكلة
- اتحادات السلاسل والإكمال التلقائي
- أنواع معالجة السلاسل المضمّنة