JavaScript

JSON Object

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

التاريخ

22 نوفمبر 2021

الدروس

146

المستوى

العامة

اللغة

انجليزي

المشاهدات

1081

المواضيع

24
الشروحات chevron_left JSON Object chevron_left JavaScript

JSON Object

مراجعة تقنية
Mostafa Hefny

Mostafa Hefny

CEO & Founder CloseTag

</> 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] + ", ";
}
معلومات تهمك
  • لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات