انتقل إلى محتوى الدرس
ابدأ رحلتك
الدرس 127
دورة جافا سكريبت

JSON Object

في هذا الدرس سوف نتعرف علي ال objects في ال json والفرق بينها وبين ال object الموجودة في ال java script 

ابدأ التعلّم استكشف الأمثلة
أقسام الدرس
4
الأمثلة
8
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
2,750
محتوى الدرس
في هذا الدرس 4تصفّح المواضيع

JSON Object

الكود التالي هو عبارة عن نص JSON

HTML 
'{"name":"Ahmed", "age":30, "car":null}'

بداخل نص ال JSON يوجد ما يسمي ب JSON object literal

HTML 
{"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"

JavaScript Objects

يمكنك أنشاء java script object من JSON object literal

HTML 
myObj = {"name":"Ahmed", "age":30, "car":null};
جرّب بنفسك

عادةً ما تقوم بإنشاء JavaScript object عن طريق Parsing تحليل نصوص JSON باستخدام دالة ( )JSON.parse

HTML 
myJSON = '{"name":"Ahmed", "age":30, "car":null}';
myObj = JSON.parse(myJSON);
جرّب بنفسك

Accessing Object Values

يمكنك الوصول الي قيم ال object عن طريق استخدام علامة "نقطة" ."dot"

HTML 
const myJSON = '{"name":"Ahmed", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);
x = myObj.name;
جرّب بنفسك

يمكنك ايضا الوصول الي القيم عن طريق استخدام الأقواس المربعة " Square brackets " [ ] "

HTML 
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"

HTML 
const myJSON = '{"name":"Ahmed", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);

let text = "";
for (const x in myObj) {
  text += x + ", ";
}
جرّب بنفسك

يمكنك أيضا استخدام ال "[ ]" للمرور علي عناصر ال object

HTML 
const myJSON = '{"name":"Ahmed", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);

let text = "";
for (const x in myObj) {
  text += myObj[x] + ", ";
}
جرّب بنفسك

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…