الدرس العاشر: الكائنات في JavaScript – تنظيم البيانات المتقدمة

الدرس العاشر: الكائنات في JavaScript – تنظيم البيانات المتقدمة 🧰

العنوان:

كيفية استخدام الكائنات (Objects) لتخزين البيانات بشكل منظم وأكثر مرونة.

المقدمة:

الكائنات (Objects) تعتبر العمود الفقري في JavaScript لتخزين البيانات المعقدة. على عكس المصفوفات اللي بتستخدم الفهارس الرقمية، الكائنات بتستخدم أزواج المفتاح والقيمة (Key-Value Pairs). زي ما بنحتاج نصنف بيانات شخص معين (زي الاسم، العمر، الوظيفة)، الكائنات بتساعدنا ننظم البيانات دي بطريقة سهلة وواضحة.

ما هو الكائن؟

الكائن عبارة عن مجموعة من الخصائص (Properties).
كل خاصية تتكون من:
- مفتاح (Key): يشبه الاسم.
- قيمة (Value): قد تكون رقم، نص، أو حتى دالة.

تعريف كائن:

مثال بسيط:


let person = {
  name: "Mostafa",
  age: 30,
  job: "Programmer"
};
console.log(person);

الوصول إلى خصائص الكائن:

بطريقة النقطة (Dot Notation):
```
console.log(person.name); // "Mostafa"
```
بطريقة الأقواس المربعة (Bracket Notation):
```
console.log(person["age"]); // 30
```

إضافة وتعديل الخصائص:

إضافة خاصية جديدة:


person.country = "Egypt";
console.log(person); // {name: "Mostafa", age: 30, job: "Programmer", country: "Egypt"}

تعديل قيمة موجودة:


person.age = 31;
console.log(person.age); // 31

حذف الخصائص:

باستخدام `delete`:


delete person.job;
console.log(person); // {name: "Mostafa", age: 31, country: "Egypt"}

الكائنات مع الوظائف (Methods):

يمكن للكائن أن يحتوي على دوال تُسمى "Methods".

مثال:


let calculator = {
  add: function (a, b) {
    return a + b;
  },
  subtract: function (a, b) {
    return a - b;
  }
};
console.log(calculator.add(5, 3)); // 8console.log(calculator.subtract(9, 4)); // 5

المرور على خصائص الكائن:

باستخدام `for...in`:


for (let key in person) {
  console.log(key + ": " + person[key]);
}

النتيجة:


name: Mostafa
age: 31
country: Egypt

الكائنات المتداخلة:

يمكن أن يحتوي الكائن على كائنات أخرى.

مثال:

let student = {
  name: "Ahmed",
  grades: {
    math: 90,
    science: 85
  }
};
console.log(student.grades.math); // 90

نسخ الكائنات:

النسخ البسيط:


let copy = { ...person };
console.log(copy); // نسخة من الكائن person

دمج كائنات:


let extraInfo = { hobby: "Coding" };
let fullInfo = { ...person, ...extraInfo };
console.log(fullInfo);

تطبيق عملي: إنشاء سجل موظف:

كود JavaScript:


let employee = {
  id: 101,
  name: "Sara",
  department: "IT",
  greet: function () {
    console.log("Welcome, " + this.name + "!");
  }
};
employee.greet(); // "Welcome, Sara!"

تمارين عملية:

عرف كائن يحتوي على بيانات كتاب (العنوان، المؤلف، السعر)، واطبع كل خاصية.
أنشئ كائنًا يحتوي على دالة تحسب مساحة مستطيل باستخدام الطول والعرض.
عرف كائنًا للطلاب يحتوي على مصفوفة درجات واطبع متوسط الدرجات.

وختامًا:

في الدرس ده، اتعلمنا أساسيات الكائنات وإزاي بنستخدمها لتنظيم البيانات وتنفيذ وظائف. في الدرس الجاي، هنركز على الدوال (Functions)، اللي هتمكنك من كتابة كود مرن وقابل لإعادة الاستخدام. مستعد لاستكشاف الدوال؟ 🚀

تعديل المقال

WiseSyntax

الدرس العاشر: الكائنات في JavaScript – تنظيم البيانات المتقدمة