التسلسل الاختياري في JSON

جزء من قسم Logic & Flow في رحلة JavaScript على Coddy — الدرس 24 من 65.

يتيح لك التسلسل الاختياري (?.) الوصول بأمان إلى الخصائص المتداخلة دون القلق بشأن الأخطاء إذا كانت الخاصية null أو undefined.

مثال بدون التسلسل الاختياري (Optional Chaining):

let obj = {};
console.log(obj.key1.key2);
// خطأ: لا يمكن قراءة خصائص undefined

مثال مع التسلسل الاختياري:

let obj = {};
console.log(obj.key1?.key2);
// undefined (لا يوجد خطأ)

إذا كان key1 موجوداً، فإنه يصل إلى key2.
إذا كان key1 هو null أو undefined، فإنه يعيد undefined بدلاً من طرح خطأ.

أمثلة إضافية:

let user = {
	profile: {
		name: "Alice"
	}
};

console.log(user.profile?.name);
// "Alice"

console.log(user.profile?.age);
// undefined (لا يوجد خطأ)

console.log(user.address?.city);
// undefined (لا يوجد خطأ)

اختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

اختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

اختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

ورقة مرجعية

التسلسل الاختياري (?.) يصل بأمان إلى الخصائص المتداخلة دون أخطاء إذا كانت الخاصية null أو undefined:

let obj = {};
console.log(obj.key1?.key2);
// undefined (لا يوجد خطأ)

إذا كانت الخاصية موجودة، فإنه يصل إلى المستوى التالي. أما إذا كانت null أو undefined، فإنه يعيد undefined بدلاً من إلقاء خطأ.

let user = {
	profile: {
		name: "Alice"
	}
};

console.log(user.profile?.name);    // "Alice"
console.log(user.profile?.age);     // undefined
console.log(user.address?.city);    // undefined

جرّب بنفسك

لا يتضمّن هذا الدرس تحدّيًا برمجيًا.

اختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس Logic & Flow

1السلاسل النصية بعمق

أساسيات السلاسل النصية التكرار عبر السلاسل النصية Template Literals دوال السلاسل النصية مراجعة - String Weaver

4JSON الجزء الثاني

التكرار عبر JSON JSON المتداخلالتسلسل الاختياري في JSONالنسخ السطحي والعميق مراجعة - متجر الدراجات مراجعة - النظام الشمسي

7نظام إدارة المكتبة

نظرة عامة على المشروع إضافة الكتب

البحث بالعنوان

التصفية حسب النوع

تحديد كمقروء

10إدارة نظام المهرجان

نظرة عامة على المشروع إضافة الأفلام والأماكن

2المصفوفات متعددة الأبعاد

أساسيات المصفوفات ثنائية الأبعاد الوصول إلى عناصر المصفوفات ثنائية الأبعاد الحلقات المتداخلة مع المصفوفات ثنائية الأبعاد مراجعة - المصفوفات ثنائية الأبعاد جمع وطرح المصفوفات المصفوفات المتعرجة (Jagged Arrays)المصفوفات ثلاثية الأبعاد وما بعدها أنماط المصفوفات ثنائية الأبعاد الشائعة مراجعة - كل شيء عن المصفوفات

5المجموعات - الجزء الأول

ما هي المجموعة؟التكرار عبر المجموعات إضافة عنصر إزالة عنصر التحقق من وجود عنصر الحجم وهل هي فارغة النسخ والمسح ملخص - أساسيات المجموعات

8مواضيع شيقة حول الـ Arrays

تفكيك الـ Array استخدام الـ Spread Syntax في الـ Arrays الـ Sparse Arrays مراجعة - ورشة عمل الـ Arrays

3JSON الجزء الأول

ما هو JSON؟التحقق من وجود المفتاح Object Methods Spread Operator الجزء الأول Spread Operator الجزء الثاني حذف المفاتيح مراجعة - معالجة مفاتيح JSON

6المجموعات - الجزء الثاني

الرياضيات - اتحاد المجموعات الرياضيات - تقاطع المجموعات الرياضيات - الفرق بين المجموعات الرياضيات - الفرق المتناظر المجموعات الجزئية والمجموعات الفائقة مراجعة - مجموعات الأصدقاء

9دوال المصفوفات المتقدمة

دالتا Join و Split دالة Map دالة Filter دالة Reduce تسلسل دوال المصفوفات هل ForEach و Map متماثلتان؟دالة Sort دالتا Find و FindIndex مراجعة - محترف التسلسل