اريد ان استخدم علامة التسلسل الاختياري Optional chaining بطريقة صحيحة فى الجافا سكريبت JavaScript باستعمال رمز الاستفهام "؟"

يتم استعمال هاته العلامة في سياق الجافاسكربت بما يعرف بالمعامل الثلاثي ternary operator وهو بمفهومه البسيط ليس الا كتابة مختصرة لشرط if else المعروف.

فشرط مثل: 

if(i == 1){
   console.log('i is equal to one')
}else{
   console.log('i is not equal to one')
}

يصبح:

i == 1 ?
   console.log('i is equal to one')
:
   console.log('i is not equal to one');

في المثال لديك، أظن انك تحاول قراءة الخاصية users من الكائن arrData في حالة توفره. ثم  الخاصية addres في حالة توفر الفهرس 0. يترجم هذا الى: 

if(arrData){
   if(arrData.users[0]){
       console.log(arrData.users[0].address)
   }
}

ويختصر الى: 

arrData ?
   arrData.users[0] ?
       console.log(arrData.users[0].address)
   : '';
: '';

تدعى هذه الخاصية بالتسلسل الاختياري Optional chaining ولطن الخطأ لديك ليس بسببها على ما أظن، تأكد من بنية المتغيرات لديك هل هو كائن صحيح به الخاصيات أم كلا.

الشكل العام للخاصية:

obj.val?.prop
obj.val?.[expr]
obj.arr?.[index]
obj.func?.(args)

تعمل الخاصية على ضمان عدم ظهور خطأ عند طلبي خاصية فرعية من خاصية أخرى ضمن غرض برمجي يمكن لأحد القيم فيه أن تكون null فنتجنب حدوث خطأ.

let user = {}; // تحدث للمستخدم ‫user في حالة كان ليس لديه عنوان

alert(user.address.street); // خطأ!‫  

// بعد القليل من المعالجة المنطقة تصبح:

let user = {}; // إذا كان ‫user لا يملك عنوان

alert( user && user.address && user.address.street ); // undefined (أي ليس خطأً)

// ثم تم إضافة Optional chaining 

let user = {}; // إذا كان ‫user لا يملك عنوان

alert( user?.address?.street ); // undefined (ليس خطأً)

يمكنك قراءة المقالة: