### شرح مفصل لـ “عرض الكائنات في JavaScript”
تُعد الكائنات (Objects) من أهم البُنى في لغة JavaScript، حيث تُستخدم لتخزين البيانات في شكل أزواج من المفاتيح والقيم. يمكن اعتبار الكائنات بمثابة وحدات تخزين مرنة تُستخدم لتمثيل الكيانات من الحياة الواقعية بخصائصها وسلوكياتها. في هذا المقال، سنتناول كيفية عرض الكائنات في JavaScript، مع تقديم أمثلة متعددة لتوضيح المفاهيم بشكل أفضل.
#### تعريف الكائنات في JavaScript
الكائنات في JavaScript تُعرَّف باستخدام الأقواس المعقوفة `{}`، ويمكن أن تحتوي على عدة أزواج من المفاتيح والقيم. المفتاح عادةً ما يكون سلسلة نصية، والقيمة يمكن أن تكون أي نوع من البيانات، بما في ذلك كائنات أخرى.
let person = {
name: "John",
age: 30,
isStudent: false
};
في المثال أعلاه، لدينا كائن يسمى `person` يحتوي على ثلاثة أزواج من المفتاح والقيمة.
#### عرض خصائص الكائن
يمكن عرض خصائص الكائن باستخدام النقطة (`.`) أو الأقواس المربعة (`[]`).
**باستخدام النقطة:**
console.log(person.name); // Output: John
console.log(person.age); // Output: 30
**باستخدام الأقواس المربعة:**
console.log(person["name"]); // Output: John
console.log(person["age"]); // Output: 30
تكون طريقة النقطة أكثر شيوعًا عندما يكون اسم المفتاح معروفًا وثابتًا، [شركة برمجة مصرية] بينما تُستخدم الأقواس المربعة في حال كان المفتاح متغيرًا أو يحتوي على حروف خاصة.
#### عرض الكائنات المتداخلة
يمكن أن تحتوي الكائنات على كائنات أخرى كقيم، مما يؤدي إلى إنشاء بنى أكثر تعقيدًا. دعونا نلقي نظرة على كيفية عرض الكائنات المتداخلة.
let student = {
name: "Jane",
contact: {
email: "jane@example.com",
phone: "123-456-7890"
}
};
console.log(student.contact.email); // Output: jane@example.com
console.log(student["contact"]["phone"]); // Output: 123-456-7890
#### عرض جميع المفاتيح والقيم
في بعض الأحيان، قد تحتاج إلى عرض كافة المفاتيح والقيم الموجودة في كائن. يمكن تحقيق ذلك باستخدام حلقة `for…in`.
for (let key in person) {
console.log(key + ": " + person[key]);
}
**Output:**
“`
name: John
age: 30
isStudent: false
“`
#### تحويل الكائنات إلى سلاسل نصية
يمكن استخدام `JSON.stringify()` لتحويل الكائن إلى سلسلة نصية. هذا مفيد خاصة عند الحاجة إلى عرض الكائن بأكمله كجزء من نص أو عند إرساله عبر شبكة.
let jsonString = JSON.stringify(person);
console.log(jsonString); // Output: {"name":"John","age":30,"isStudent":false}
#### استنتاج
يُعد عرض الكائنات في JavaScript جزءًا مهمًا من التعامل مع البيانات في التطبيقات الحديثة. من خلال فهم كيفية [شركة برمجة مصرية] التعامل مع خصائص الكائنات والكائنات المتداخلة، يمكنك بناء تطبيقات أكثر تعقيدًا ومرونة. سواء كنت تعرض خصائص منفردة أو تحتاج إلى عرض الكائن بأكمله كسلسلة نصية، توفر JavaScript الأدوات اللازمة لتحقيق ذلك بسهولة وفعالية.