ثريد Front end
طريقة التعامل مع قيم الكائنات object
في javascript
قراءة ممتعة 😇
🧵👇🏻
طريقة التعامل مع قيم الكائنات object
في javascript
قراءة ممتعة 😇
🧵👇🏻
في الإصدارات الحديثة من javascript
يمكن التعامل مع الكائنات بطرق سهله
نلاحظ في الصوره على الشمال
الفرق بين الطريقة القديمه و
طريقه الجديده في es6
بإستخدام es6 الكود أفضل و اسهل في الفهم و التعديل
في الطريقة القديمه الكود طويل.
👇🏻
يمكن التعامل مع الكائنات بطرق سهله
نلاحظ في الصوره على الشمال
الفرق بين الطريقة القديمه و
طريقه الجديده في es6
بإستخدام es6 الكود أفضل و اسهل في الفهم و التعديل
في الطريقة القديمه الكود طويل.
👇🏻
في ا الصورة رقم 1
نلاحظ إستخدام أسماء المفاتيح keys
كا أسماء للمتغيرات
👇🏻
نلاحظ إستخدام أسماء المفاتيح keys
كا أسماء للمتغيرات
👇🏻
✳ أضافه قيمه افتراضية.
من الممكن أضافه قيمه افتراضية
بإستخدام علامه =
في الصوره رقم 2
طريقه إضافة قيمه افتراضية
نحن لا نمتلك المفتاح password
لذالك سوف يتم إستخدام القيمه الإفتراضية.
👇🏻
من الممكن أضافه قيمه افتراضية
بإستخدام علامه =
في الصوره رقم 2
طريقه إضافة قيمه افتراضية
نحن لا نمتلك المفتاح password
لذالك سوف يتم إستخدام القيمه الإفتراضية.
👇🏻
✳تغيير إسم المتغير.
نستخدم :
من أجل تغيير إسم المتغير
مثال
const { oldName : newName } = obj;
مثال آخر
الصورة رقم 3
👇🏻
نستخدم :
من أجل تغيير إسم المتغير
مثال
const { oldName : newName } = obj;
مثال آخر
الصورة رقم 3
👇🏻
✳ الكائنات المتداخلة Nested objects
نستخدم :
مع فتح {}
بداخل {} الجديدة نضع
اسماء المفاتيح keys
الموجوده في الكائن الإبن
الصورة رقم 4
في الصورة رقم 5
تم طباعة المتغيرات في console
👇🏻
نستخدم :
مع فتح {}
بداخل {} الجديدة نضع
اسماء المفاتيح keys
الموجوده في الكائن الإبن
الصورة رقم 4
في الصورة رقم 5
تم طباعة المتغيرات في console
👇🏻
نلتقي في ثريد أخر 😇
إذا أعجبك الثريد لا تنسى تعمل
ريتويت عشان
يستفيد اكبر عدد من الناس 😊
تابع حسابي @naif4web
لجديد المقالات و النصائح
في مجال البرمجة و تصميم الواجهات Ui
إذا أعجبك الثريد لا تنسى تعمل
ريتويت عشان
يستفيد اكبر عدد من الناس 😊
تابع حسابي @naif4web
لجديد المقالات و النصائح
في مجال البرمجة و تصميم الواجهات Ui
جاري تحميل الاقتراحات...