اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر
بتاريخ 3 دقائق مضت قال أحمد ابراهيم عبد الله:

السلام عليكم .. لكى يكون سؤالى مفهوم سوف اعرض مثال


const data = {
 name:"mohamed",
 age:22
}

<Text>{data.name}</Text>





 

طريقة كتابة هذا الأوبجكت صحيحة وطريقة الوصول الى القيم التي بداخله أيضا صحيحة أحسنت
أما بالنسبة للأوبكت التالي ولاذي كتبته فهو خاطئ

بتاريخ 4 دقائق مضت قال أحمد ابراهيم عبد الله:

 




const data = {
  {
  name:"mohamed",
  age:22
}
}

// هنا لا اعرف كيف اصل للأسم !!

 

الاوبجكت يجب أن يتبع نظام key:value , أنت في هذا الأوبجكت قمت بوضع value دون key ولذلك لن نستطيع الوصول اليه وأيضا سوف يعطيك خطأ لأن طريقة كتابته خاطئة, اذا ما الحل؟
الحل كما أسلفت سابقا يجب أن يكون نظام key:value أي يجب أن نضع key لهذا ال value, لاحظ كيف يصبح شكل الكود

const data = {
  'user': {
  	name: "mohamed",
  	age: 22
  }
}

لاحظ ال key يوزر , الآن يمتلك قيمة وهي من نوع اوبجكت, كيف يمكننا الوصول الى قيمه؟
يكون الوصول كالتالي

data.user.name

لو حاولنا طباعة قيمة name باستخدام تعليمة console.log فسوف يكون شكل الكود كالتالي

console.log(data.user.name);

//output

mohamed

 

  • 0
نشر (معدل)

لأنه فى المثال الثاني أخي متغير الداتا يعتبر Array of json objects ولذلك يمكنك إسترجاع القيم منها عن طريق 

data[0].name

وأيضاً أخي هذا ال Syntax غير صحيح لأوبجكت ال Json على شكل Array

const data = [
  {
    name : 'dddd',
    age : 20,
  },

  {
    name : 'dddd',
    age : 20,
  }
]

هذه هي الطريقة الصحيحة

تم التعديل في بواسطة يوسف احمد9
  • 0
نشر

هذا ال syntax غير صحيح ولا يمكن تعريف data بهذا الشكل 

const data = {
  {
  name:"mohamed",
  age:22
}
}

ان كان الأمر بالنسبة لك هو ذلك التنسيق ولا غيره فلن يعمل معك الا بتعرف ال object الداخلي 

const data = {
 user: {

name:"mohamed",
  age:22
},
}

هكذا يمكنك الدخول ب 

data.user.name

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...