في جافاسكريبت، الكائنات (Objects) هي هياكل بيانات تحتوي على خصائص (properties) وطرق (methods). والمصفوفات (Arrays) هي هياكل بيانات تحتوي على عناصر مرتبة ويمكن الوصول إليها باستخدام فهرس (index)
الكائنات والمصفوفات في جافاسكريبت Objects and arrays
الكائنات Objects
- هي مجموعات من البيانات المرتبطة ببعضها البعض.
- تتكون من خصائص (properties) وقيم (values).
- تُستخدم لتخزين البيانات المعقدة وتنظيمها.
- تُنشأ باستخدام الكلمة الرئيسية
new
أو الكائن الفارغ{}
.
مثـــــــــــــــــــال لانشـــــــــــاء كائن
// تعريف كائن "شخص"
var person = {
firstName: "John",
lastName: "Doe",
age: 30,
fullName: function() {
return this.firstName + " " + this.lastName;
}
};
// الوصول إلى خصائص الكائن
console.log(person.firstName); // الطباعة: "John"
console.log(person.age); // الطباعة: 30
console.log(person.fullName()); // الطباعة: "John Doe"
المصفوفات Arrays
- هي قوائم مرتبة من القيم.
- يمكن أن تحتوي على أي نوع من البيانات، بما في ذلك الأرقام والسلاسل والكائنات.
- تُنشأ باستخدام الكلمة الرئيسية
new Array
أو الأقواس[]
.
مثـــــــــــــــــــال لانشـــــــــــاء مصفوفة
// تعريف مصفوفة
var fruits = ["Apple", "Banana", "Orange"];
// الوصول إلى عناصر المصفوفة
console.log(fruits[0]); // الطباعة: "Apple"
console.log(fruits[1]); // الطباعة: "Banana"
console.log(fruits.length); // الطباعة: 3
الفرق بين الكائنات والمصفوفات
- التنظيم: الكائنات غير مرتبة، بينما المصفوفات مرتبة.
- الوصول إلى العناصر: يتم الوصول إلى عناصر الكائنات باستخدام الخصائص (properties)، بينما يتم الوصول إلى عناصر المصفوفات باستخدام المؤشرات (indices).
- التنوع: يمكن أن تحتوي الكائنات على أي نوع من البيانات، بينما عادةً ما تحتوي المصفوفات على نوع واحد من البيانات.
استخدامات الكائنات والمصفوفات
- تخزين البيانات: تُستخدم الكائنات والمصفوفات لتخزين جميع أنواع البيانات، مثل معلومات المستخدم وإعدادات التطبيق والبيانات الديناميكية.
- تنظيم البيانات: تُستخدم الكائنات والمصفوفات لتنظيم البيانات بطريقة منطقية، مما يسهل الوصول إليها ومعالجتها.
- إعادة استخدام التعليمات البرمجية: تُستخدم الكائنات والمصفوفات لإنشاء وحدات قابلة لإعادة الاستخدام من التعليمات البرمجية، مما يوفر الوقت ويحسن قابلية صيانة التعليمات البرمجية.
مثـــــــــــــــــــال
مثالًا يوضح استخدام الكائنات والمصفوفات في جافاسكريبت. لنفترض أننا نريد إنشاء برنامج يدير قائمة للمهام (To-Do List). سنستخدم كائنات لتمثيل كل مهمة وسنقوم بتخزين هذه المهام في مصفوفة.
// تعريف كائن "مهمة"
var task = {
id: 1,
description: "Buy groceries",
completed: false,
dueDate: "2024-05-10",
priority: "High",
completeTask: function() {
this.completed = true;
}
};
// تعريف مصفوفة لتخزين المهام
var toDoList = [
{
id: 1,
description: "Buy groceries",
completed: false,
dueDate: "2024-05-10",
priority: "High",
completeTask: function() {
this.completed = true;
}
},
{
id: 2,
description: "Finish project",
completed: false,
dueDate: "2024-05-15",
priority: "Medium",
completeTask: function() {
this.completed = true;
}
},
{
id: 3,
description: "Call mom",
completed: false,
dueDate: "2024-05-08",
priority: "Low",
completeTask: function() {
this.completed = true;
}
}
];
// الوصول إلى عناصر المهام وتغيير حالتها
console.log(toDoList[0].description); // الطباعة: "Buy groceries"
toDoList[0].completeTask(); // إكمال المهمة
console.log(toDoList[0].completed); // الطباعة: true
موارد إضافية:
- الكائنات في جافاسكريبت: https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Basics
- المصفوفات في جافاسكريبت: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
- فهم المصفوفات في جافاسكريبت: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
- هياكل البيانات: الكائنات والمصفوفات في جافاسكريبت: https://academy.hsoub.com/programming/javascript/
Sharing to
Facebook
Twitter
LinkedIn
Post Views: 640