JSON Object
في هذا الدرس سوف نتعرف علي ال objects في ال json والفرق بينها وبين ال object الموجودة في ال java script
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
الشروحات chevron_left JSON Object chevron_left JavaScript
JSON Object
</> JSON Object
الكود التالي هو عبارة عن نص JSON
'{"name":"Ahmed", "age":30, "car":null}'
بداخل نص ال JSON يوجد ما يسمي ب JSON object literal
{"name":"Ahmed", "age":30, "car":null}
- ال JSON object literals تكون محاطة ب أقواس متعرجة "{ }"
- JSON object literals عبارة عن ازواج تتكون من "key "و "value"
- ال Keys يجب ان تكون قيم نصية strings
- ال values يجب ان تكون احد انواع البيانات المتاحة في ال JSON
- فيما يلي سوف نذكر انواع البيانات المتاح أستخدامها في ال JSON
- string
- number
- object
- array
- boolean
- null
يتم الفصل بين كل زوج يتكون من key و value بفاصلة "comma"
البيانات في ال JSON لا يمكن ان تكون في صورة object ولكنها عبارة عن نصوص strings
- تصنف البيانات ك JSON فقط عندما تكون في صورة نصية String ولكن عندما يتم تحويلها الي أحد متغيرات الجافاسكريبت فأنها تدعي java script objects
</> JavaScript Objects
يمكنك أنشاء java script object من JSON object literal
myObj = {"name":"Ahmed", "age":30, "car":null};
عادةً ما تقوم بإنشاء JavaScript object عن طريق Parsing تحليل نصوص JSON باستخدام دالة ( )JSON.parse
myJSON = '{"name":"Ahmed", "age":30, "car":null}';
myObj = JSON.parse(myJSON);
</> Accessing Object Values
يمكنك الوصول الي قيم ال object عن طريق استخدام علامة "نقطة" ."dot"
const myJSON = '{"name":"Ahmed", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);
x = myObj.name;
يمكنك ايضا الوصول الي القيم عن طريق استخدام الأقواس المربعة " Square brackets " [ ] "
const myJSON = '{"name":"Ahmed", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);
x = myObj["name"];
</> Looping an Object
يمكنك المرور علي جميع قيم ال object بأستخدام ال for - in loop ففي المثال التالي قمنا بالمرور علي جميع عناصر ال object التالي "myJSON" ثم بعد ذلك قمنا بتخزين هذه القيم بداخل العنصر "text"
const myJSON = '{"name":"Ahmed", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);
let text = "";
for (const x in myObj) {
text += x + ", ";
}
يمكنك أيضا استخدام ال "[ ]" للمرور علي عناصر ال object
const myJSON = '{"name":"Ahmed", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);
let text = "";
for (const x in myObj) {
text += myObj[x] + ", ";
}
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
